body.wp-child-theme-marnamic .mn-private-line{display:block;width:100%;height:10px;min-height:10px;border-radius:6px;background:rgba(161,192,195,.162);filter:blur(1.4px);pointer-events:none}
body.wp-child-theme-marnamic .mn-private-line--detail{margin-top:7px;height:8px;min-height:8px;background:rgba(161,192,195,.099)}
body.wp-child-theme-marnamic .marnamic-vendor-contact__address{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;box-sizing:border-box;min-height:72px!important;padding:11px 12px!important;margin-bottom:10px!important}
body.wp-child-theme-marnamic .marnamic-vendor-contact__address>.hp-icon{width:20px;margin:0!important;font-size:18px;align-self:center}
body.wp-child-theme-marnamic .mn-private-address{display:block;position:relative;height:48px}
body.wp-child-theme-marnamic .mn-private-address::after{content:"";position:absolute;top:50%;left:0;transform:translateY(-13.5px);height:10px;width:calc(100% - 22px);max-width:240px;border-radius:8px;background:rgba(161,192,195,.162);box-shadow:0 17px 0 rgba(161,192,195,.09);filter:blur(1.4px)}
body.wp-child-theme-marnamic .marnamic-vendor-contact__address:has(.mn-private-address)>.hp-icon{opacity:.468}
body.wp-child-theme-marnamic .marnamic-vendor-contact__actions{display:flex!important;flex-wrap:wrap;gap:8px!important}
body.wp-child-theme-marnamic .marnamic-vendor-contact__actions>.marnamic-vendor-contact__action{display:flex!important;flex:1 1 calc(50% - 4px)!important;width:auto!important;box-sizing:border-box;min-width:0;min-height:44px!important;padding:0 12px!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important}
body.wp-child-theme-marnamic .marnamic-vendor-contact__actions>.marnamic-vendor-contact__action--phone{flex-basis:100%!important}
body.wp-child-theme-marnamic .marnamic-vendor-contact__action>.hp-icon{flex:0 0 20px;width:20px;height:20px;margin:0!important;line-height:20px;font-size:18px;text-align:center}
body.wp-child-theme-marnamic .marnamic-vendor-contact__actions>.mn-private-contact{background:var(--marnamic-control-surface,rgba(15,25,27,.86))!important;border:1px solid var(--marnamic-control-border,rgba(161,192,195,.3))!important;border-radius:var(--marnamic-ui-radius-sm,6px);box-shadow:none!important;cursor:default}
body.wp-child-theme-marnamic .mn-private-contact>.hp-icon{opacity:.468}
body.wp-child-theme-marnamic .mn-private-contact>.mn-private-line{flex:1;max-width:150px;margin-right:10px}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__summary .marnamic-vendor-contact>a.button.mn-profile-login{display:flex!important;width:100%!important;min-width:100%!important;max-width:none!important;box-sizing:border-box!important;align-self:stretch!important;justify-self:stretch!important;flex:0 0 100%!important;min-height:44px;margin:14px 0 0!important;align-items:center;justify-content:center;gap:8px}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .marnamic-vendor-contact .mn-private-team .marnamic-vendor-team__member{display:grid!important;grid-template-columns:48px minmax(0,1fr) 38px!important;min-height:72px;padding:12px;gap:14px;align-items:center;background:var(--marnamic-control-surface,rgba(15,25,27,.86))!important;border:1px solid var(--marnamic-control-border,rgba(161,192,195,.3))!important;border-radius:var(--marnamic-ui-radius-sm,6px);box-shadow:none!important}
body.wp-child-theme-marnamic .mn-private-team .marnamic-vendor-team__avatar{background:rgba(161,192,195,.12)!important;color:var(--marnamic-detail-muted,#a1c0c3)}
body.wp-child-theme-marnamic .mn-private-team .marnamic-vendor-team__avatar i{opacity:.5;font-size:18px}
body.wp-child-theme-marnamic .mn-private-team .marnamic-vendor-team__dm{opacity:.35}
body.wp-child-theme-marnamic .mn-private-team .mn-private-line{width:85%;max-width:180px}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor__actions--primary>:is(.hp-vendor__action--connection,.marnamic-connection-profile-state--accepted){box-sizing:border-box!important;height:auto!important;min-height:76px!important;max-height:none!important;margin:0!important;align-content:center}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor__actions--primary>.hp-vendor__action--connection{display:flex!important;align-items:center!important;justify-content:center!important}
body.wp-child-theme-marnamic .marnamic-connection-profile-state__summary{align-items:center}
body.wp-child-theme-marnamic .marnamic-connection-profile-state__summary>i{margin-top:0;align-self:center}
@media(max-width:420px){body.wp-child-theme-marnamic .marnamic-vendor-contact__actions>.marnamic-vendor-contact__action{flex-basis:100%!important}} body.wp-child-theme-marnamic.hp-template--vendor-view-page .marnamic-vendor-contact :is(.mn-private-contact,.marnamic-vendor-contact__address:has(.mn-private-address),.mn-private-team .marnamic-vendor-team__member),
body.wp-child-theme-marnamic.hp-template--vendor-view-page .marnamic-vendor-contact :is(.mn-private-contact,.marnamic-vendor-contact__address:has(.mn-private-address),.mn-private-team .marnamic-vendor-team__member) *{pointer-events:none!important;cursor:default!important;transition:none!important;animation:none!important}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .marnamic-vendor-contact :is(.mn-private-contact,.marnamic-vendor-contact__address:has(.mn-private-address)):is(:hover,:focus,:focus-visible,:active){background:var(--marnamic-control-surface,rgba(15,25,27,.86))!important;border-color:var(--marnamic-control-border,rgba(161,192,195,.3))!important;box-shadow:none!important;outline:none!important;transform:none!important}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .marnamic-vendor-contact .mn-private-team .marnamic-vendor-team__member:is(:hover,:focus,:focus-visible,:active){background:var(--marnamic-control-surface,rgba(15,25,27,.86))!important;border:1px solid var(--marnamic-control-border,rgba(161,192,195,.3))!important;border-radius:var(--marnamic-ui-radius-sm,6px);box-shadow:none!important;outline:none!important;transform:none!important}@font-face {
font-family: 'Hubot Sans';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//matching.marnamic.com/wp-content/themes/marnamic/assets/fonts/hubot-sans-400-700-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Hubot Sans';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//matching.marnamic.com/wp-content/themes/marnamic/assets/fonts/hubot-sans-400-700-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//matching.marnamic.com/wp-content/themes/marnamic/assets/fonts/poppins-500-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//matching.marnamic.com/wp-content/themes/marnamic/assets/fonts/poppins-500-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//matching.marnamic.com/wp-content/themes/marnamic/assets/fonts/quicksand-400-700-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//matching.marnamic.com/wp-content/themes/marnamic/assets/fonts/quicksand-400-700-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}body.wp-child-theme-marnamic,
body.hp-theme--listinghive {
--marnamic-dark: #132124;
--marnamic-dark-soft: #1b2629;
--marnamic-dark-deep: #0f191b;
--marnamic-panel: #18272b;
--marnamic-panel-soft: #203337;
--marnamic-panel-muted: #24383c;
--marnamic-cream: #f1e9dd;
--marnamic-cream-soft: #fffbf3;
--marnamic-mint: #a1c0c3;
--marnamic-teal: #61a5ac;
--marnamic-teal-dark: #05717c;
--marnamic-lime: #e7fd87;
--marnamic-lime-hover: #dffc5f;
--marnamic-success: #68d391;
--marnamic-warning: #f6d365;
--marnamic-danger: #ff7b7b;
--marnamic-text-muted: rgba(241, 233, 221, 0.72);
--marnamic-text-soft: rgba(241, 233, 221, 0.56);
--marnamic-border: rgba(161, 192, 195, 0.28);
--marnamic-border-soft: rgba(161, 192, 195, 0.18);
--marnamic-surface-border: rgba(19, 33, 36, 0.12);
--marnamic-control-surface: rgba(15, 25, 27, 0.86);
--marnamic-control-surface-soft: rgba(24, 39, 43, 0.86);
--marnamic-control-text: #f1e9dd;
--marnamic-control-muted: rgba(241, 233, 221, 0.58);
--marnamic-control-border: rgba(161, 192, 195, 0.3);
--marnamic-input-bg: rgba(15, 25, 27, 0.72);
--marnamic-input-bg-focus: rgba(15, 25, 27, 0.9);
--marnamic-logo-tile: rgba(241, 233, 221, 0.96);
--marnamic-control-height: 44px;
--marnamic-button-height: var(--marnamic-control-height);
--marnamic-compact-button-height: 40px;
--marnamic-control-padding-x: 14px;
--marnamic-control-icon-space: 42px;
--marnamic-button-padding-x: 16px;
--marnamic-button-gap: 8px;
--marnamic-radius: 8px;
--marnamic-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
--marnamic-shadow-soft: 0 10px 28px rgba(0, 0, 0, 0.18);
--marnamic-font-body: "Quicksand", "Quicksand Regular Lokal", Helvetica, Arial, sans-serif;
--marnamic-font-display: "Hubot Sans", "HubotSans Regular Lokal", "Quicksand", Helvetica, Arial, sans-serif;
--iti-hover-color: rgba(231, 253, 135, 0.12);
--iti-border-color: rgba(161, 192, 195, 0.24);
--iti-dialcode-color: #a1c0c3;
--iti-dropdown-bg: #18272b;
--iti-search-icon-color: #a1c0c3;
--iti-arrow-color: #a1c0c3;
}
html {
background: #132124;
}
body.wp-child-theme-marnamic,
body.hp-theme--listinghive {
color: var(--marnamic-cream);
background: var(--marnamic-dark);
font-family: var(--marnamic-font-body);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
--gtt-tooltip-text-color: var(--marnamic-cream);
--gtt-tooltip-bg: var(--marnamic-panel-soft);
--gtt-tooltip-border: rgba(231, 253, 135, 0.28);
}
body.wp-child-theme-marnamic a {
color: inherit;
}
body.wp-child-theme-marnamic a:hover,
body.wp-child-theme-marnamic .hp-link:hover,
body.wp-child-theme-marnamic .hp-link:hover i,
body.wp-child-theme-marnamic .post__details a:hover,
body.wp-child-theme-marnamic .comment__details a:hover,
body.wp-child-theme-marnamic .header-navbar__menu ul li a:hover,
body.wp-child-theme-marnamic .footer-navbar__menu ul li a:hover,
body.wp-child-theme-marnamic .pac-item:hover .pac-item-query {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .site-container {
min-height: 100vh;
background: #132124;
}
body.wp-child-theme-marnamic .site-loader {
display: none !important;
}
body.wp-child-theme-marnamic .container {
width: min(1180px, calc(100% - 32px));
}
body.wp-child-theme-marnamic .site-content {
padding-top: clamp(24px, 4vw, 56px);
padding-bottom: clamp(44px, 7vw, 84px);
background: #132124;
}
body.wp-child-theme-marnamic .content-area,
body.wp-child-theme-marnamic .hp-page,
body.wp-child-theme-marnamic .site-main,
body.wp-child-theme-marnamic .hp-page__content,
body.wp-child-theme-marnamic .hp-page__sidebar {
color: var(--marnamic-cream);
background: transparent;
}
body.wp-child-theme-marnamic .page__text {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic h1,
body.wp-child-theme-marnamic h2,
body.wp-child-theme-marnamic h3,
body.wp-child-theme-marnamic h4,
body.wp-child-theme-marnamic h5,
body.wp-child-theme-marnamic h6,
body.wp-child-theme-marnamic .hp-page__title,
body.wp-child-theme-marnamic .hp-section__title,
body.wp-child-theme-marnamic .title {
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-weight: 400;
letter-spacing: 0;
}
body.wp-child-theme-marnamic h1,
body.wp-child-theme-marnamic .hp-page__title {
font-size: clamp(2.125rem, 3.75vw, 3rem);
line-height: 1.08;
}
body.wp-child-theme-marnamic h2,
body.wp-child-theme-marnamic .hp-section__title {
font-size: clamp(1.375rem, 2.35vw, 1.875rem);
line-height: 1.2;
}
body.wp-child-theme-marnamic h3 {
font-size: clamp(1.125rem, 1.65vw, 1.375rem);
line-height: 1.25;
}
body.wp-child-theme-marnamic .content-title,
body.wp-child-theme-marnamic .wp-block-heading.content-title {
display: block;
margin: clamp(42px, 6vw, 72px) 0 clamp(20px, 3vw, 32px);
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-size: clamp(1.7rem, 3vw, 2.45rem);
font-weight: 400;
line-height: 1.12;
letter-spacing: 0;
text-align: center;
}
body.wp-child-theme-marnamic .content-title::before,
body.wp-child-theme-marnamic .content-title::after,
body.wp-child-theme-marnamic .wp-block-heading.content-title::before,
body.wp-child-theme-marnamic .wp-block-heading.content-title::after {
display: none;
content: none;
}
body.wp-child-theme-marnamic p,
body.wp-child-theme-marnamic li,
body.wp-child-theme-marnamic .hp-meta,
body.wp-child-theme-marnamic .hp-listing__details,
body.wp-child-theme-marnamic .hp-vendor__details {
color: rgba(241, 233, 221, 0.82);
}
body.wp-child-theme-marnamic .site-header {
position: sticky;
top: 0;
z-index: 100;
background: rgba(19, 33, 36, 0.92);
border-bottom: 1px solid rgba(231, 253, 135, 0.16);
backdrop-filter: blur(16px);
}
body.admin-bar.wp-child-theme-marnamic .site-header {
top: 32px;
}
body.wp-child-theme-marnamic .header-navbar {
width: min(1240px, calc(100% - 32px));
min-height: 86px;
margin: 0 auto;
padding: 12px 0;
background: transparent;
}
body.wp-child-theme-marnamic .header-logo img {
width: 62px;
height: 62px;
object-fit: contain;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul,
body.wp-child-theme-marnamic .header-navbar__burger > ul {
align-items: center;
gap: 4px;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li {
margin: 0;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li > a,
body.wp-child-theme-marnamic .hp-menu--site-header .hp-link {
display: inline-flex;
min-height: 42px;
align-items: center;
gap: 8px;
padding: 10px 12px;
color: rgba(241, 233, 221, 0.86);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.current-menu-item > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > a:hover,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.current-menu-item > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li > a:hover {
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.08);
}
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--first,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--first {
display: none;
}
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a {
color: var(--marnamic-cream);
border: 1px solid rgba(161, 192, 195, 0.22);
background: rgba(15, 25, 27, 0.54);
}
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a:hover,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.current-menu-item::before,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.current-menu-item::before,
body.wp-child-theme-marnamic .hp-menu--tabbed .hp-menu__item--current::before,
body.wp-child-theme-marnamic .title::before,
body.wp-child-theme-marnamic .hp-page__title::before,
body.wp-child-theme-marnamic .hp-section__title::before,
body.wp-child-theme-marnamic .footer-widgets .widget__title::before,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__featured-badge {
background-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .header-navbar__burger > a {
color: var(--marnamic-cream);
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul,
body.wp-child-theme-marnamic .header-navbar__burger > ul,
body.wp-child-theme-marnamic .hp-menu--site-header ul,
body.wp-child-theme-marnamic .hp-menu--user-account,
body.wp-child-theme-marnamic .hp-menu--listing-manage {
color: var(--marnamic-cream);
background: rgba(24, 39, 43, 0.98);
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.3);
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul a,
body.wp-child-theme-marnamic .header-navbar__burger > ul a,
body.wp-child-theme-marnamic .hp-menu--site-header ul a,
body.wp-child-theme-marnamic .hp-menu--user-account a,
body.wp-child-theme-marnamic .hp-menu--listing-manage a {
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul a:hover,
body.wp-child-theme-marnamic .header-navbar__burger > ul a:hover,
body.wp-child-theme-marnamic .hp-menu--site-header ul a:hover,
body.wp-child-theme-marnamic .hp-menu--user-account a:hover,
body.wp-child-theme-marnamic .hp-menu--listing-manage a:hover {
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.08);
}
body.wp-child-theme-marnamic .hp-menu__item--current > a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-menu--site-header .hp-menu__item--listing-submit.button {
min-height: 44px;
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-menu--site-header .hp-menu__item--listing-submit.button:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
border-color: var(--marnamic-lime-hover);
transform: translateY(-1px);
}
body.wp-child-theme-marnamic .button,
body.wp-child-theme-marnamic button[type="submit"],
body.wp-child-theme-marnamic input[type="submit"],
body.wp-child-theme-marnamic .wp-block-button__link,
body.wp-child-theme-marnamic .button--primary,
body.wp-child-theme-marnamic .button--secondary,
body.wp-child-theme-marnamic .hp-button,
body.wp-child-theme-marnamic .hp-form__button,
body.wp-child-theme-marnamic .hp-field--submit,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit,
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
border-radius: var(--marnamic-radius);
font-family: var(--marnamic-font-display);
letter-spacing: 0;
min-height: 44px;
font-weight: 600;
transition:
background-color 0.18s ease,
border-color 0.18s ease,
color 0.18s ease,
transform 0.18s ease;
}
body.wp-child-theme-marnamic .button--primary,
body.wp-child-theme-marnamic button[type="submit"],
body.wp-child-theme-marnamic input[type="submit"],
body.wp-child-theme-marnamic .hp-form__button,
body.wp-child-theme-marnamic .hp-listing__action--message.button {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic blockquote,
body.wp-child-theme-marnamic .wp-block-quote,
body.wp-child-theme-marnamic .tagcloud a:hover,
body.wp-child-theme-marnamic .wp-block-tag-cloud a:hover,
body.wp-child-theme-marnamic .hp-listing__images-carousel .slick-current img,
body.wp-child-theme-marnamic .hp-listing--view-block.hp-listing--featured {
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .button--primary:hover,
body.wp-child-theme-marnamic button[type="submit"]:hover,
body.wp-child-theme-marnamic input[type="submit"]:hover,
body.wp-child-theme-marnamic .hp-form__button:hover,
body.wp-child-theme-marnamic .hp-listing__action--message.button:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
border-color: var(--marnamic-lime-hover);
transform: translateY(-1px);
}
body.wp-child-theme-marnamic .button--secondary,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border: 1px solid var(--marnamic-lime);
}
body.wp-child-theme-marnamic .button--secondary:hover,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
border-color: var(--marnamic-lime-hover);
transform: translateY(-1px);
}
body.wp-child-theme-marnamic .hp-button,
body.wp-child-theme-marnamic .button-primary,
body.wp-child-theme-marnamic .hp-button--mobile {
border-radius: var(--marnamic-radius);
font-family: var(--marnamic-font-display);
font-weight: 600;
letter-spacing: 0;
}
body.wp-child-theme-marnamic .hp-button--mobile,
body.wp-child-theme-marnamic .hp-button--vendor-filter,
body.wp-child-theme-marnamic .hp-button--listing-filter {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border: 1px solid var(--marnamic-lime);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}
body.wp-child-theme-marnamic .hp-button--mobile i,
body.wp-child-theme-marnamic .hp-button--vendor-filter i,
body.wp-child-theme-marnamic .hp-button--listing-filter i {
color: currentColor;
font-size: 0.95em;
}
body.wp-child-theme-marnamic .hp-button--mobile:hover,
body.wp-child-theme-marnamic .hp-button--vendor-filter:hover,
body.wp-child-theme-marnamic .hp-button--listing-filter:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
border-color: var(--marnamic-lime-hover);
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
transform: translateY(-1px);
}
body.wp-child-theme-marnamic .gm-style button,
body.wp-child-theme-marnamic .gm-style button.gm-control-active,
body.wp-child-theme-marnamic .gm-style .gm-control-active {
min-height: 0;
border-radius: 2px;
font-family: Roboto, Arial, sans-serif;
font-weight: normal;
letter-spacing: 0;
box-shadow: none;
transform: none;
transition: none;
}
body.wp-child-theme-marnamic .gm-style button:hover,
body.wp-child-theme-marnamic .gm-style button.gm-control-active:hover,
body.wp-child-theme-marnamic .gm-style .gm-control-active:hover {
transform: none;
}
body.wp-child-theme-marnamic .hp-map .gm-style button.gm-control-active,
body.wp-child-theme-marnamic #combined-map .gm-style button.gm-control-active,
body.wp-child-theme-marnamic .combined-map .gm-style button.gm-control-active,
body.wp-child-theme-marnamic .hp-map .gm-style .gm-bundled-control button,
body.wp-child-theme-marnamic #combined-map .gm-style .gm-bundled-control button,
body.wp-child-theme-marnamic .combined-map .gm-style .gm-bundled-control button {
background: var(--marnamic-panel) !important;
border: 1px solid var(--marnamic-border-soft) !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22) !important;
}
body.wp-child-theme-marnamic .hp-map .gm-style button.gm-control-active:hover,
body.wp-child-theme-marnamic #combined-map .gm-style button.gm-control-active:hover,
body.wp-child-theme-marnamic .combined-map .gm-style button.gm-control-active:hover,
body.wp-child-theme-marnamic .hp-map .gm-style .gm-bundled-control button:hover,
body.wp-child-theme-marnamic #combined-map .gm-style .gm-bundled-control button:hover,
body.wp-child-theme-marnamic .combined-map .gm-style .gm-bundled-control button:hover {
background: var(--marnamic-panel-soft) !important;
border-color: var(--marnamic-border) !important;
}
body.wp-child-theme-marnamic .hp-map .gm-style button.gm-control-active img,
body.wp-child-theme-marnamic #combined-map .gm-style button.gm-control-active img,
body.wp-child-theme-marnamic .combined-map .gm-style button.gm-control-active img,
body.wp-child-theme-marnamic .hp-map .gm-style .gm-bundled-control button img,
body.wp-child-theme-marnamic #combined-map .gm-style .gm-bundled-control button img,
body.wp-child-theme-marnamic .combined-map .gm-style .gm-bundled-control button img {
filter: invert(92%) sepia(12%) saturate(512%) hue-rotate(15deg) brightness(106%);
}
body.wp-child-theme-marnamic .hp-map .gm-style .gmnoprint > div,
body.wp-child-theme-marnamic #combined-map .gm-style .gmnoprint > div,
body.wp-child-theme-marnamic .combined-map .gm-style .gmnoprint > div {
background: var(--marnamic-panel) !important;
border: 1px solid var(--marnamic-border-soft) !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
overflow: hidden;
}
body.wp-child-theme-marnamic .wp-block-group:first-of-type {
gap: clamp(18px, 3vw, 32px);
margin-bottom: clamp(24px, 5vw, 48px);
}
body.wp-child-theme-marnamic .wp-block-image img {
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .header-hero {
color: var(--marnamic-cream);
background-color: var(--marnamic-dark) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
border-bottom: 1px solid rgba(231, 253, 135, 0.18);
}
body.wp-child-theme-marnamic .header-hero__content {
background:
linear-gradient(180deg, rgba(19, 33, 36, 0.24), rgba(19, 33, 36, 0.66));
} body.wp-child-theme-marnamic:is(.category, .tag) .header-hero.category--single {
position: relative !important;
isolation: isolate !important;
display: grid !important;
height: auto !important;
min-height: 0 !important;
align-items: center !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic:is(.category, .tag) .header-hero.category--single .header-hero__content {
position: relative !important;
z-index: 1 !important;
width: 100% !important;
background: transparent !important;
}
body.wp-child-theme-marnamic.marnamic-blog-term-hero--image .header-hero.category--single {
min-height: clamp(320px, 34vw, 440px) !important;
padding: clamp(64px, 8vw, 104px) 0 !important;
}
body.wp-child-theme-marnamic.marnamic-blog-term-hero--image .header-hero.category--single :is(
.category__name,
.category__description
) {
text-shadow: 0 2px 22px rgba(0, 0, 0, 0.42);
}
body.wp-child-theme-marnamic.marnamic-blog-term-hero--fallback .header-hero.category--single {
padding: clamp(34px, 4.5vw, 54px) 0 !important;
background:
radial-gradient(circle at 50% 0%, rgba(97, 165, 172, 0.14), transparent 48%),
linear-gradient(180deg, rgba(24, 39, 43, 0.96), rgba(15, 25, 27, 0.98)) !important;
}
@media (max-width: 700px) {
body.wp-child-theme-marnamic.marnamic-blog-term-hero--image .header-hero.category--single {
min-height: 280px !important;
padding: 58px 0 !important;
}
body.wp-child-theme-marnamic.marnamic-blog-term-hero--fallback .header-hero.category--single {
padding: 30px 0 !important;
}
} body.single-post.wp-child-theme-marnamic .header-hero.post--single {
position: relative !important;
isolation: isolate !important;
display: grid !important;
min-height: clamp(500px, 43vw, 620px) !important;
align-items: center !important;
padding: clamp(88px, 10vw, 136px) 0 !important;
overflow: hidden !important;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single::before {
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
display: block !important;
content: "" !important;
pointer-events: none !important;
background:
linear-gradient(180deg, rgba(9, 17, 19, 0.28) 0%, rgba(9, 17, 19, 0.42) 48%, rgba(9, 17, 19, 0.78) 100%),
linear-gradient(90deg, rgba(9, 17, 19, 0.48) 0%, rgba(9, 17, 19, 0.12) 62%, rgba(9, 17, 19, 0.3) 100%) !important;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single .header-hero__content {
position: relative !important;
z-index: 1 !important;
width: 100% !important;
background: transparent !important;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single .post__header {
max-width: 860px !important;
margin: 0 auto !important;
text-wrap: balance;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single .post__title {
text-shadow: 0 2px 22px rgba(0, 0, 0, 0.34) !important;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single .post__details {
color: rgba(241, 233, 221, 0.84) !important;
}
@media (max-width: 700px) {
body.single-post.wp-child-theme-marnamic .header-hero.post--single {
min-height: clamp(430px, 122vw, 540px) !important;
padding: 72px 0 68px !important;
background-position: center center !important;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single .header-hero__content {
padding: 0 4px !important;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single .post__title {
font-size: clamp(2rem, 10vw, 3rem) !important;
line-height: 1.04 !important;
}
}
body.wp-child-theme-marnamic .header-hero .hp-listing-category__header {
display: grid;
justify-items: center;
gap: 14px;
padding: clamp(34px, 7vw, 72px) 0;
text-align: center;
}
body.wp-child-theme-marnamic .header-hero .hp-listing-category__name {
margin: 0;
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-size: clamp(2.2rem, 5vw, 4.6rem);
font-weight: 400;
letter-spacing: 0;
}
body.wp-child-theme-marnamic .header-hero .hp-listing-category__count {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 6px 12px;
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border: 1px solid var(--marnamic-lime);
border-radius: var(--marnamic-radius);
font-weight: 600;
}
body.wp-child-theme-marnamic .hp-form--listing-search,
body.wp-child-theme-marnamic .hp-form--vendor-search,
body.wp-child-theme-marnamic .hp-form--primary {
color: var(--marnamic-cream);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.96), rgba(24, 39, 43, 0.98));
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .hp-form--listing-search,
body.wp-child-theme-marnamic .hp-form--vendor-search {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(150px, auto);
gap: 12px;
align-items: end;
padding: clamp(12px, 1.7vw, 16px);
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__fields {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
gap: 12px;
align-items: end;
min-width: 0;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__footer {
margin: 0;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__footer {
min-width: min(210px, 100%);
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__label,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__label,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-field__label,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-field__label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__button,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__button,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-field--submit,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-field--submit {
width: 100%;
min-height: var(--marnamic-control-height);
padding-inline: 22px;
}
body.wp-child-theme-marnamic .hp-form--listing-search {
margin-bottom: clamp(20px, 4vw, 36px);
}
body.wp-child-theme-marnamic .hp-form__label,
body.wp-child-theme-marnamic .hp-field__label {
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
margin-bottom: 8px;
font-size: 0.84rem;
font-weight: 600;
letter-spacing: 0;
}
body.wp-child-theme-marnamic .hp-field input[type="checkbox"] + span,
body.wp-child-theme-marnamic .hp-field input[type="radio"] + span {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-field__description,
body.wp-child-theme-marnamic .hp-form__description,
body.wp-child-theme-marnamic .hp-form__messages {
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .hp-form__action,
body.wp-child-theme-marnamic .hp-form__actions {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic .hp-form__action a,
body.wp-child-theme-marnamic .hp-form__actions a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic input[type="text"],
body.wp-child-theme-marnamic input[type="search"],
body.wp-child-theme-marnamic input[type="email"],
body.wp-child-theme-marnamic input[type="password"],
body.wp-child-theme-marnamic input[type="number"],
body.wp-child-theme-marnamic input[type="url"],
body.wp-child-theme-marnamic input[type="tel"],
body.wp-child-theme-marnamic input[type="date"],
body.wp-child-theme-marnamic input[type="time"],
body.wp-child-theme-marnamic input[type="datetime-local"],
body.wp-child-theme-marnamic input[type="month"],
body.wp-child-theme-marnamic input[type="week"],
body.wp-child-theme-marnamic textarea,
body.wp-child-theme-marnamic select,
body.wp-child-theme-marnamic .hp-field--location,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple {
color: var(--marnamic-cream);
background-color: rgba(15, 25, 27, 0.72);
border-color: rgba(161, 192, 195, 0.24);
border-radius: var(--marnamic-radius);
min-height: var(--marnamic-control-height);
box-shadow: none;
font-family: var(--marnamic-font-body);
transition:
border-color 0.18s ease,
box-shadow 0.18s ease,
background-color 0.18s ease;
}
body.wp-child-theme-marnamic input[type="text"],
body.wp-child-theme-marnamic input[type="search"],
body.wp-child-theme-marnamic input[type="email"],
body.wp-child-theme-marnamic input[type="password"],
body.wp-child-theme-marnamic input[type="number"],
body.wp-child-theme-marnamic input[type="url"],
body.wp-child-theme-marnamic input[type="tel"],
body.wp-child-theme-marnamic input[type="date"],
body.wp-child-theme-marnamic input[type="time"],
body.wp-child-theme-marnamic input[type="datetime-local"],
body.wp-child-theme-marnamic input[type="month"],
body.wp-child-theme-marnamic input[type="week"],
body.wp-child-theme-marnamic select,
body.wp-child-theme-marnamic .hp-field--location {
min-height: var(--marnamic-control-height);
padding-inline: 18px;
font-weight: 600;
}
body.wp-child-theme-marnamic textarea {
min-height: 128px;
padding: 16px 18px;
font-weight: 600;
}
body.wp-child-theme-marnamic input::placeholder,
body.wp-child-theme-marnamic textarea::placeholder {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic input:focus,
body.wp-child-theme-marnamic textarea:focus,
body.wp-child-theme-marnamic select:focus,
body.wp-child-theme-marnamic .select2-container--default.select2-container--focus .select2-selection--single,
body.wp-child-theme-marnamic .select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: var(--marnamic-teal);
box-shadow: 0 0 0 3px rgba(231, 253, 135, 0.2);
outline: 0;
}
body.wp-child-theme-marnamic input[readonly],
body.wp-child-theme-marnamic textarea[readonly],
body.wp-child-theme-marnamic input:disabled,
body.wp-child-theme-marnamic textarea:disabled,
body.wp-child-theme-marnamic select:disabled,
body.wp-child-theme-marnamic .select2-container--default.select2-container--disabled .select2-selection--single,
body.wp-child-theme-marnamic .select2-container--default.select2-container--disabled .select2-selection--multiple {
color: var(--marnamic-text-soft);
background-color: rgba(15, 25, 27, 0.5);
border-color: rgba(161, 192, 195, 0.16);
cursor: not-allowed;
}
body.wp-child-theme-marnamic input[type="checkbox"],
body.wp-child-theme-marnamic input[type="radio"] {
width: 16px;
height: 16px;
margin-right: 8px;
accent-color: var(--marnamic-lime);
cursor: pointer;
}
body.wp-child-theme-marnamic input[type="range"] {
accent-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-field--location a {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-field__icon {
color: var(--marnamic-mint);
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--marnamic-cream);
font-family: var(--marnamic-font-body);
line-height: calc(var(--marnamic-control-height) - 2px);
padding-left: 18px;
padding-right: 42px;
font-weight: 600;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow {
height: var(--marnamic-control-height);
width: 38px;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: var(--marnamic-mint) transparent transparent transparent;
}
body.wp-child-theme-marnamic .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent var(--marnamic-mint) transparent;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple {
min-height: var(--marnamic-control-height);
padding: 7px 10px;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__rendered {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
min-height: calc(var(--marnamic-control-height) - 16px);
margin: 0;
padding: 0;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search--inline {
margin: 0;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search__field {
min-height: 40px;
height: 40px;
margin: 0;
padding: 0 8px;
color: var(--marnamic-cream);
background: transparent;
font-weight: 600;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__choice {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0;
padding: 5px 9px;
color: var(--marnamic-dark);
background: rgba(231, 253, 135, 0.72);
border: 1px solid rgba(19, 33, 36, 0.14);
border-radius: calc(var(--marnamic-radius) - 2px);
font-weight: 600;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: rgba(19, 33, 36, 0.72);
margin: 0;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: var(--marnamic-dark);
}
body.wp-child-theme-marnamic .select2-dropdown {
max-width: calc(100vw - 32px) !important;
color: var(--marnamic-cream);
background: var(--marnamic-panel);
border-color: var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
overflow: hidden;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
}
body.wp-child-theme-marnamic .select2-search--dropdown {
padding: 10px;
}
body.wp-child-theme-marnamic .select2-search--dropdown .select2-search__field {
min-height: 42px;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.78);
border-color: rgba(161, 192, 195, 0.24);
}
body.wp-child-theme-marnamic .select2-results__option {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
padding: 11px 16px;
font-weight: 600;
}
body.wp-child-theme-marnamic .select2-results__option[aria-selected="true"] {
color: var(--marnamic-dark);
background: rgba(231, 253, 135, 0.72);
}
body.wp-child-theme-marnamic .select2-results__option[aria-disabled="true"] {
color: var(--marnamic-text-soft);
background: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .select2-results__option--highlighted[aria-selected] {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-form--pivot {
gap: 10px;
align-items: center;
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-form--pivot .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--pivot .hp-form__field {
margin: 0;
}
body.wp-child-theme-marnamic .hp-form--pivot .hp-field__label,
body.wp-child-theme-marnamic .hp-form--pivot .hp-form__label {
margin: 0 6px 0 0;
color: var(--marnamic-text-soft);
font-size: 0.76rem;
font-weight: 600;
text-transform: uppercase;
}
body.wp-child-theme-marnamic .select2-selection--inline,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--inline {
min-height: 40px;
height: 40px;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.58);
border: 1px solid rgba(161, 192, 195, 0.22);
border-radius: var(--marnamic-radius);
box-shadow: none;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--inline .select2-selection__rendered {
line-height: 38px;
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--inline .select2-selection__arrow {
height: 38px;
}
body.wp-child-theme-marnamic .select2-dropdown--inline {
background: var(--marnamic-panel);
border-color: var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple,
body.wp-child-theme-marnamic .hp-page__topbar .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-page__topbar .select2-container--default .select2-selection--multiple {
color: var(--marnamic-cream) !important;
background: var(--marnamic-input-bg) !important;
border: 1px solid rgba(161, 192, 195, 0.28) !important;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default.select2-container--focus .select2-selection--single,
body.wp-child-theme-marnamic .hp-widget .select2-container--default.select2-container--focus .select2-selection--multiple,
body.wp-child-theme-marnamic .hp-page__topbar .select2-container--default.select2-container--open .select2-selection--single,
body.wp-child-theme-marnamic .hp-page__topbar .select2-container--default.select2-container--focus .select2-selection--single {
background: var(--marnamic-input-bg-focus) !important;
border-color: rgba(231, 253, 135, 0.58) !important;
box-shadow: 0 0 0 3px rgba(231, 253, 135, 0.16) !important;
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple .select2-search__field,
body.wp-child-theme-marnamic .hp-page__topbar .select2-container--default .select2-selection__rendered {
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection__clear {
color: var(--marnamic-mint);
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection__clear:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic .select2-dropdown.select2-dropdown--above,
body.wp-child-theme-marnamic .select2-dropdown.select2-dropdown--below {
max-width: calc(100vw - 32px) !important;
color: var(--marnamic-cream) !important;
background: var(--marnamic-panel) !important;
border: 1px solid rgba(161, 192, 195, 0.28) !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.32) !important;
}
body.wp-child-theme-marnamic .select2-results,
body.wp-child-theme-marnamic .select2-results > .select2-results__options {
max-width: calc(100vw - 32px) !important;
color: var(--marnamic-cream);
background: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .select2-container--default .select2-results__option {
white-space: normal !important;
overflow-wrap: anywhere !important;
color: var(--marnamic-cream) !important;
background: var(--marnamic-panel) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-results__option--selected,
body.wp-child-theme-marnamic .select2-container--default .select2-results__option[aria-selected="true"] {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-results__option--highlighted[aria-selected],
body.wp-child-theme-marnamic .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-results__option[aria-disabled="true"] {
color: rgba(241, 233, 221, 0.34) !important;
background: rgba(15, 25, 27, 0.58) !important;
}
body.wp-child-theme-marnamic option {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .hp-field--checkboxes,
body.wp-child-theme-marnamic .hp-field--radio {
padding: 12px;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.45);
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
scrollbar-color: var(--marnamic-teal) rgba(15, 25, 27, 0.5);
}
body.wp-child-theme-marnamic .hp-field--checkboxes ul li,
body.wp-child-theme-marnamic .hp-field--radio ul li {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-field--checkboxes ul li label,
body.wp-child-theme-marnamic .hp-field--radio ul li label,
body.wp-child-theme-marnamic .hp-field--checkbox label {
display: flex;
gap: 8px;
align-items: flex-start;
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-field--checkboxes ul li label:hover,
body.wp-child-theme-marnamic .hp-field--radio ul li label:hover,
body.wp-child-theme-marnamic .hp-field--checkbox label:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-field--date a,
body.wp-child-theme-marnamic .hp-field--time a,
body.wp-child-theme-marnamic .hp-field--location a {
color: var(--marnamic-mint);
}
body.wp-child-theme-marnamic .hp-field--date a:hover,
body.wp-child-theme-marnamic .hp-field--time a:hover,
body.wp-child-theme-marnamic .hp-field--location a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-field--date i,
body.wp-child-theme-marnamic .hp-field--time i {
color: currentColor;
}
body.wp-child-theme-marnamic .hp-field--date-range {
display: grid;
gap: 8px;
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-field--date-range .hp-field--date {
display: flex;
align-items: center;
min-height: var(--marnamic-control-height);
color: var(--marnamic-cream);
background: var(--marnamic-input-bg);
border: 1px solid rgba(161, 192, 195, 0.24);
border-radius: var(--marnamic-radius);
overflow: hidden;
}
body.wp-child-theme-marnamic .hp-field--date-range .hp-field--date input {
flex: 1 1 auto;
min-width: 0;
border: 0;
background: transparent;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-field--date-range .hp-field--date a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
min-height: var(--marnamic-control-height);
color: var(--marnamic-mint);
border-left: 1px solid rgba(161, 192, 195, 0.18);
}
body.wp-child-theme-marnamic .hp-field--date-range .hp-field--date a:hover {
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.08);
}
body.wp-child-theme-marnamic .hp-field--number-range .ui-slider {
height: 6px;
background: rgba(15, 25, 27, 0.72);
border: 1px solid rgba(161, 192, 195, 0.2);
border-radius: 999px;
}
body.wp-child-theme-marnamic .hp-field--number-range .ui-slider-range {
background: linear-gradient(90deg, var(--marnamic-teal), var(--marnamic-lime));
border-radius: 999px;
}
body.wp-child-theme-marnamic .hp-field--number-range .ui-slider-handle {
top: -8px;
width: 20px;
height: 20px;
background: var(--marnamic-lime);
border: 2px solid var(--marnamic-dark);
border-radius: 50%;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
}
body.wp-child-theme-marnamic .hp-field--attachment-upload > div:first-child > div > div {
background: rgba(15, 25, 27, 0.48);
border: 1px dashed rgba(231, 253, 135, 0.28);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .hp-field--attachment-upload > div:first-child > div > div::before {
color: rgba(241, 233, 221, 0.24);
}
body.wp-child-theme-marnamic .hp-field--attachment-upload > div:first-child > div > div a {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.72);
}
body.wp-child-theme-marnamic .hp-field--attachment-upload .hp-field__button {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-field--repeater table,
body.wp-child-theme-marnamic .hp-table {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.42);
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
overflow: hidden;
}
body.wp-child-theme-marnamic .hp-field--repeater table tr {
background: rgba(15, 25, 27, 0.42);
}
body.wp-child-theme-marnamic .hp-table th,
body.wp-child-theme-marnamic .hp-table td,
body.wp-child-theme-marnamic .hp-field--repeater table th,
body.wp-child-theme-marnamic .hp-field--repeater table td {
color: var(--marnamic-text-muted);
border-color: rgba(231, 253, 135, 0.12);
}
body.wp-child-theme-marnamic .hp-table th,
body.wp-child-theme-marnamic .hp-field--repeater table th {
color: var(--marnamic-cream);
background: rgba(32, 51, 55, 0.72);
}
body.wp-child-theme-marnamic .hp-field--repeater table td:first-child,
body.wp-child-theme-marnamic .hp-field--repeater table td:last-child,
body.wp-child-theme-marnamic .hp-field--repeater table td:first-child a,
body.wp-child-theme-marnamic .hp-field--repeater table td:last-child a {
color: var(--marnamic-mint);
}
body.wp-child-theme-marnamic .hp-field--repeater [data-add],
body.wp-child-theme-marnamic .hp-field--repeater [data-remove] {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-status span {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.52);
border-color: rgba(161, 192, 195, 0.22);
border-radius: calc(var(--marnamic-radius) - 2px);
font-weight: 600;
}
body.wp-child-theme-marnamic .hp-status--publish span,
body.wp-child-theme-marnamic .hp-status--wc-completed span {
color: var(--marnamic-success);
border-color: rgba(104, 211, 145, 0.52);
}
body.wp-child-theme-marnamic .hp-status--pending span,
body.wp-child-theme-marnamic .hp-status--wc-on-hold span,
body.wp-child-theme-marnamic .hp-status--wc-processing span {
color: var(--marnamic-warning);
border-color: rgba(246, 211, 101, 0.52);
}
body.wp-child-theme-marnamic .hp-status--draft span,
body.wp-child-theme-marnamic .hp-status--trash span,
body.wp-child-theme-marnamic .hp-status--wc-refunded span {
color: var(--marnamic-danger);
border-color: rgba(255, 123, 123, 0.52);
}
body.wp-child-theme-marnamic .hp-form__messages {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.56);
border-left-color: rgba(161, 192, 195, 0.45);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .hp-form__messages--info {
border-left-color: var(--marnamic-teal);
}
body.wp-child-theme-marnamic .hp-form__messages--warning {
border-left-color: var(--marnamic-warning);
}
body.wp-child-theme-marnamic .hp-form__messages--error {
border-left-color: var(--marnamic-danger);
}
body.wp-child-theme-marnamic .hp-form__messages--success {
border-left-color: var(--marnamic-success);
}
body.wp-child-theme-marnamic .hp-block__placeholder {
color: var(--marnamic-text-muted);
background: rgba(32, 51, 55, 0.74);
border: 1px dashed rgba(231, 253, 135, 0.24);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .hp-block__placeholder span {
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .hp-block:is([data-state="loading"], [aria-busy="true"]),
body.wp-child-theme-marnamic .hp-form:is([data-state="loading"], [aria-busy="true"]) {
opacity: 0.72;
}
body.wp-child-theme-marnamic .hp-block:is([data-state="loading"], [aria-busy="true"])::after,
body.wp-child-theme-marnamic .hp-form:is([data-state="loading"], [aria-busy="true"])::after {
background: rgba(19, 33, 36, 0.32);
border-radius: inherit;
backdrop-filter: blur(1px);
}
body.wp-child-theme-marnamic button:is([data-state="loading"], [aria-busy="true"]),
body.wp-child-theme-marnamic .hp-button:is([data-state="loading"], [aria-busy="true"]),
body.wp-child-theme-marnamic .hp-field__button:is([data-state="loading"], [aria-busy="true"]) {
cursor: progress;
opacity: 0.72;
}
body.wp-child-theme-marnamic .pac-container {
margin-top: 6px;
color: var(--marnamic-cream);
background: var(--marnamic-panel);
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
overflow: hidden;
font-family: var(--marnamic-font-body);
}
body.wp-child-theme-marnamic .pac-item {
padding: 10px 14px;
color: var(--marnamic-text-muted);
border-top-color: rgba(231, 253, 135, 0.12);
cursor: pointer;
}
body.wp-child-theme-marnamic .pac-item:first-child {
border-top: 0;
}
body.wp-child-theme-marnamic .pac-item:hover {
background: rgba(231, 253, 135, 0.12);
}
body.wp-child-theme-marnamic .pac-item-query,
body.wp-child-theme-marnamic .pac-matched {
color: var(--marnamic-cream);
font-weight: 600;
}
body.wp-child-theme-marnamic .pac-logo::after {
background-color: rgba(15, 25, 27, 0.72);
border-top: 1px solid rgba(231, 253, 135, 0.1);
}
body.wp-child-theme-marnamic .ui-widget.ui-widget-content,
body.wp-child-theme-marnamic .ui-menu,
body.wp-child-theme-marnamic .ui-autocomplete,
body.wp-child-theme-marnamic .ui-datepicker {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
}
body.wp-child-theme-marnamic .ui-datepicker .ui-datepicker-header {
color: var(--marnamic-cream);
background: var(--marnamic-panel-soft);
border: 0;
border-radius: calc(var(--marnamic-radius) - 2px);
}
body.wp-child-theme-marnamic .ui-datepicker th {
color: var(--marnamic-mint);
background: transparent;
}
body.wp-child-theme-marnamic .ui-datepicker td span,
body.wp-child-theme-marnamic .ui-datepicker td a,
body.wp-child-theme-marnamic .ui-menu .ui-menu-item-wrapper {
color: var(--marnamic-cream);
background: transparent;
border-color: transparent;
}
body.wp-child-theme-marnamic .ui-state-hover,
body.wp-child-theme-marnamic .ui-widget-content .ui-state-hover,
body.wp-child-theme-marnamic .ui-widget-header .ui-state-hover,
body.wp-child-theme-marnamic .ui-state-focus,
body.wp-child-theme-marnamic .ui-widget-content .ui-state-focus,
body.wp-child-theme-marnamic .ui-widget-header .ui-state-focus {
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.1);
border-color: rgba(231, 253, 135, 0.32);
}
body.wp-child-theme-marnamic .ui-state-active,
body.wp-child-theme-marnamic .ui-widget-content .ui-state-active,
body.wp-child-theme-marnamic .ui-widget-header .ui-state-active {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-field--number-range .ui-slider.ui-widget.ui-widget-content {
height: 6px;
background: rgba(15, 25, 27, 0.72);
border: 1px solid rgba(161, 192, 195, 0.2);
border-radius: 999px;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-field--number-range .ui-slider .ui-slider-handle {
top: -8px;
width: 20px;
height: 20px;
background: var(--marnamic-lime);
border: 2px solid var(--marnamic-dark);
border-radius: 50%;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
}
body.wp-child-theme-marnamic .flatpickr-calendar {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: 0 22px 58px rgba(0, 0, 0, 0.34);
}
body.wp-child-theme-marnamic .flatpickr-calendar.arrowTop::before,
body.wp-child-theme-marnamic .flatpickr-calendar.arrowTop::after {
border-bottom-color: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .flatpickr-calendar.arrowBottom::before,
body.wp-child-theme-marnamic .flatpickr-calendar.arrowBottom::after {
border-top-color: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .flatpickr-months,
body.wp-child-theme-marnamic .flatpickr-weekdays,
body.wp-child-theme-marnamic .flatpickr-time {
color: var(--marnamic-cream);
background: var(--marnamic-panel-soft);
}
body.wp-child-theme-marnamic .flatpickr-current-month,
body.wp-child-theme-marnamic .flatpickr-current-month input.cur-year,
body.wp-child-theme-marnamic .flatpickr-current-month .flatpickr-monthDropdown-months,
body.wp-child-theme-marnamic .flatpickr-weekday,
body.wp-child-theme-marnamic .flatpickr-time input,
body.wp-child-theme-marnamic .flatpickr-time .flatpickr-am-pm {
color: var(--marnamic-cream);
background: transparent;
}
body.wp-child-theme-marnamic .flatpickr-monthDropdown-month {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .flatpickr-prev-month,
body.wp-child-theme-marnamic .flatpickr-next-month {
color: var(--marnamic-mint);
fill: var(--marnamic-mint);
}
body.wp-child-theme-marnamic .flatpickr-prev-month:hover,
body.wp-child-theme-marnamic .flatpickr-next-month:hover {
color: var(--marnamic-lime);
fill: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .flatpickr-day {
color: var(--marnamic-cream);
border-color: transparent;
border-radius: calc(var(--marnamic-radius) - 2px);
}
body.wp-child-theme-marnamic .flatpickr-day.prevMonthDay,
body.wp-child-theme-marnamic .flatpickr-day.nextMonthDay,
body.wp-child-theme-marnamic .flatpickr-day.flatpickr-disabled,
body.wp-child-theme-marnamic .flatpickr-day.flatpickr-disabled:hover {
color: rgba(241, 233, 221, 0.28);
background: transparent;
}
body.wp-child-theme-marnamic .flatpickr-day.today {
color: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .flatpickr-day:hover,
body.wp-child-theme-marnamic .flatpickr-day:focus,
body.wp-child-theme-marnamic .flatpickr-day.inRange,
body.wp-child-theme-marnamic .flatpickr-day.prevMonthDay.inRange,
body.wp-child-theme-marnamic .flatpickr-day.nextMonthDay.inRange {
color: var(--marnamic-cream);
background: rgba(231, 253, 135, 0.12);
border-color: rgba(231, 253, 135, 0.22);
}
body.wp-child-theme-marnamic .flatpickr-day.selected,
body.wp-child-theme-marnamic .flatpickr-day.startRange,
body.wp-child-theme-marnamic .flatpickr-day.endRange,
body.wp-child-theme-marnamic .flatpickr-day.selected:hover,
body.wp-child-theme-marnamic .flatpickr-day.startRange:hover,
body.wp-child-theme-marnamic .flatpickr-day.endRange:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .flatpickr-day-label {
color: var(--marnamic-cream);
background: var(--marnamic-dark);
border: 1px solid var(--marnamic-border-soft);
}
body.wp-child-theme-marnamic .flatpickr-day-label::after {
border-top-color: var(--marnamic-dark);
}
body.wp-child-theme-marnamic .flatpickr-status::after {
background-color: var(--marnamic-warning);
}
body.wp-child-theme-marnamic .flatpickr-status--success::after {
background-color: var(--marnamic-success);
}
body.wp-child-theme-marnamic .flatpickr-status--error::after {
background-color: var(--marnamic-danger);
}
body.wp-child-theme-marnamic .iti {
width: 100%;
}
body.wp-child-theme-marnamic .iti__selected-country {
color: var(--marnamic-cream);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .iti__selected-country-primary:hover {
background: rgba(231, 253, 135, 0.1);
}
body.wp-child-theme-marnamic .iti__dropdown-content {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
overflow: hidden;
}
body.wp-child-theme-marnamic .iti__search-input {
min-height: 44px;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.78);
border: 0;
}
body.wp-child-theme-marnamic .iti__country-list {
scrollbar-color: var(--marnamic-teal) rgba(15, 25, 27, 0.5);
}
body.wp-child-theme-marnamic .iti__country {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .iti__country.iti__highlight,
body.wp-child-theme-marnamic .iti__country:hover {
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.1);
}
body.wp-child-theme-marnamic .iti__dial-code {
color: var(--marnamic-mint);
}
body.wp-child-theme-marnamic .mapboxgl-ctrl-geocoder,
body.wp-child-theme-marnamic .mapboxgl-ctrl-geocoder input,
body.wp-child-theme-marnamic .mapboxgl-ctrl-geocoder .suggestions,
body.wp-child-theme-marnamic .mapboxgl-popup-content {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
border-color: var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .mapboxgl-ctrl-geocoder .suggestions > li > a {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .mapboxgl-ctrl-geocoder .suggestions > li > a:hover {
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.1) !important;
}
body.wp-child-theme-marnamic .mapboxgl-popup-tip {
border-top-color: var(--marnamic-panel);
border-bottom-color: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .mapboxgl-ctrl-group {
background: var(--marnamic-panel);
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
overflow: hidden;
}
body.wp-child-theme-marnamic .hp-listing--view-block,
body.wp-child-theme-marnamic .hp-vendor--view-block,
body.wp-child-theme-marnamic .hp-listing--map-block,
body.wp-child-theme-marnamic .hp-vendor--map-block,
body.wp-child-theme-marnamic .hp-listing-category--view-block,
body.wp-child-theme-marnamic .post--view-block,
body.wp-child-theme-marnamic .hp-widget,
body.wp-child-theme-marnamic .widget--sidebar {
color: var(--marnamic-cream);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.94), rgba(24, 39, 43, 0.98));
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
overflow: hidden;
transition:
background-color 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease,
transform 0.18s ease;
}
body.wp-child-theme-marnamic .hp-listing--view-block:hover,
body.wp-child-theme-marnamic .hp-vendor--view-block:hover,
body.wp-child-theme-marnamic .hp-listing-category--view-block:hover,
body.wp-child-theme-marnamic .post--view-block:hover {
border-color: rgba(231, 253, 135, 0.5);
background:
linear-gradient(180deg, rgba(36, 56, 60, 0.98), rgba(24, 39, 43, 1));
box-shadow: 0 20px 54px rgba(0, 0, 0, 0.3);
transform: translateY(-2px);
}
body.wp-child-theme-marnamic .hp-grid {
row-gap: clamp(24px, 3vw, 36px);
}
body.wp-child-theme-marnamic .hp-page__header,
body.wp-child-theme-marnamic .hp-page__topbar {
color: var(--marnamic-cream);
background: transparent;
}
body.wp-child-theme-marnamic .hp-result-count {
color: rgba(241, 233, 221, 0.72);
}
body.wp-child-theme-marnamic .hp-map {
overflow: hidden;
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}
body.wp-child-theme-marnamic .hp-vendor__map,
body.wp-child-theme-marnamic .hp-listing__map {
overflow: hidden;
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .marnamic-combined-map {
min-height: 420px;
background: var(--marnamic-dark);
}
body.wp-child-theme-marnamic .marnamic-map-empty {
padding: 18px;
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .site-content,
body.wp-child-theme-marnamic.hp-template--listings-view-page .site-content,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .site-content,
body.wp-child-theme-marnamic.hp-template--listing-view-page .site-content {
background: #132124;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .content-area,
body.wp-child-theme-marnamic.hp-template--listings-view-page .content-area,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .content-area,
body.wp-child-theme-marnamic.hp-template--listing-view-page .content-area {
width: min(1240px, calc(100% - 32px));
margin-inline: auto;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .container .content-area,
body.wp-child-theme-marnamic.hp-template--listings-view-page .container .content-area,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .container .content-area,
body.wp-child-theme-marnamic.hp-template--listing-view-page .container .content-area {
width: 100%;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__header,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page__header {
margin-bottom: clamp(18px, 3vw, 28px);
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-form--listing-search {
position: relative;
overflow: hidden;
border-color: rgba(231, 253, 135, 0.24);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.92), rgba(24, 39, 43, 0.98));
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search::before,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-form--listing-search::before {
content: "";
position: absolute;
inset: 0 0 auto;
height: 2px;
background: linear-gradient(90deg, var(--marnamic-lime), var(--marnamic-teal));
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page > .hp-row,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page > .hp-row {
align-items: flex-start;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page__sidebar {
position: sticky;
top: 112px;
}
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar .hp-widget,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page__sidebar .hp-widget {
border-color: rgba(161, 192, 195, 0.2);
background:
linear-gradient(180deg, rgba(24, 39, 43, 0.96), rgba(15, 25, 27, 0.9));
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__topbar,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page__topbar {
padding: 12px 14px;
background: rgba(24, 39, 43, 0.72);
border: 1px solid rgba(161, 192, 195, 0.16);
border-radius: var(--marnamic-radius);
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-result-count,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-result-count {
display: inline-flex;
min-height: 36px;
align-items: center;
padding: 8px 12px;
color: var(--marnamic-mint);
background: rgba(15, 25, 27, 0.44);
border: 1px solid rgba(161, 192, 195, 0.16);
border-radius: var(--marnamic-radius);
font-size: 0.9rem;
font-weight: 600;
}
body.wp-child-theme-marnamic .hp-vendor__image,
body.wp-child-theme-marnamic .hp-listing__image,
body.wp-child-theme-marnamic .hp-listing-category__image {
display: grid;
place-items: center;
min-height: 168px;
padding: clamp(24px, 3vw, 34px) 26px 14px;
background: transparent;
border-bottom: 0;
}
body.wp-child-theme-marnamic .hp-vendor__image img,
body.wp-child-theme-marnamic .hp-listing__image img,
body.wp-child-theme-marnamic .hp-listing-category__image img {
display: block;
width: auto;
max-width: min(78%, 260px);
max-height: 148px;
object-fit: contain;
border-radius: calc(var(--marnamic-radius) - 2px);
background: rgba(241, 233, 221, 0.08);
border: 1px solid rgba(241, 233, 221, 0.12);
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-listing-category__image {
min-height: 238px;
padding: 14px;
}
body.wp-child-theme-marnamic .hp-listing-category__image a {
display: block;
width: 100%;
height: 100%;
min-height: 210px;
overflow: hidden;
border-radius: var(--marnamic-radius);
border: 1px solid rgba(231, 253, 135, 0.18);
background: rgba(15, 25, 27, 0.4);
}
body.wp-child-theme-marnamic .hp-listing-category__image a img {
width: 100%;
height: 100%;
max-width: none;
max-height: none;
aspect-ratio: 4 / 3;
object-fit: cover;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
transition: transform 0.24s ease;
}
body.wp-child-theme-marnamic .hp-listing-category--view-block:hover .hp-listing-category__image a img {
transform: scale(1.025);
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__image a {
display: flex;
align-items: center;
justify-content: center;
width: min(78%, 280px);
min-height: 128px;
padding: 18px;
background: var(--marnamic-logo-tile);
border: 1px solid rgba(231, 253, 135, 0.2);
border-radius: var(--marnamic-radius);
box-shadow: none;
overflow: hidden;
transition:
border-color 0.18s ease,
box-shadow 0.18s ease,
transform 0.18s ease;
}
body.wp-child-theme-marnamic .hp-vendor--view-block:hover .hp-vendor__image a {
border-color: rgba(231, 253, 135, 0.42);
box-shadow: none;
transform: translateY(-1px);
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__image a img {
width: 100%;
max-width: 100%;
max-height: 94px;
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary {
padding: clamp(18px, 3vw, 26px);
}
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__image {
min-height: auto;
padding: 0;
margin-bottom: 20px;
}
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__image img {
width: 100%;
max-width: 100%;
max-height: 120px;
padding: 18px;
object-fit: contain;
background: var(--marnamic-logo-tile);
border: 1px solid rgba(231, 253, 135, 0.2);
border-radius: var(--marnamic-radius);
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__name {
margin: 0 0 14px;
color: var(--marnamic-cream);
font-size: 1.35rem;
line-height: 1.22;
}
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__description {
margin-top: 18px;
color: var(--marnamic-text-muted);
line-height: 1.65;
}
body.wp-child-theme-marnamic .hp-vendor__content,
body.wp-child-theme-marnamic .hp-listing__content,
body.wp-child-theme-marnamic .hp-listing-category__content {
padding: 0 clamp(20px, 3vw, 30px) clamp(22px, 3vw, 30px);
}
body.wp-child-theme-marnamic .hp-vendor__footer,
body.wp-child-theme-marnamic .hp-listing__footer,
body.wp-child-theme-marnamic .hp-listing-category__footer {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 54px;
padding: 12px clamp(18px, 2.6vw, 26px);
background: rgba(15, 25, 27, 0.34);
border-top-color: rgba(231, 253, 135, 0.16);
}
body.wp-child-theme-marnamic .hp-vendor__footer:empty,
body.wp-child-theme-marnamic .hp-listing__footer:empty,
body.wp-child-theme-marnamic .hp-listing-category__footer:empty {
display: none;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__name {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 14px;
text-align: center;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__name a {
min-width: 0;
overflow-wrap: anywhere;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__content,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__content {
padding: 0 clamp(18px, 2.4vw, 24px) clamp(18px, 2.4vw, 24px);
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__footer,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__footer {
padding: 14px clamp(18px, 2.4vw, 24px);
background: rgba(15, 25, 27, 0.32);
border-top: 1px solid rgba(161, 192, 195, 0.14);
}
body.wp-child-theme-marnamic .hp-vendor__online-badge {
flex: 0 0 10px;
width: 10px;
height: 10px;
margin: 0;
background: rgba(161, 192, 195, 0.55);
border-radius: 999px;
box-shadow: 0 0 0 4px rgba(161, 192, 195, 0.1);
}
body.wp-child-theme-marnamic .hp-vendor__online-badge[title="Online"] {
background: var(--marnamic-lime);
box-shadow: 0 0 0 4px rgba(231, 253, 135, 0.14);
}
body.wp-child-theme-marnamic .hp-vendor__details,
body.wp-child-theme-marnamic .hp-listing__details {
display: grid;
gap: 9px;
}
body.wp-child-theme-marnamic .hp-vendor__location,
body.wp-child-theme-marnamic .hp-listing__location {
display: flex;
align-items: flex-start;
gap: 8px;
min-width: 0;
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .hp-vendor__location i,
body.wp-child-theme-marnamic .hp-listing__location i {
margin-top: 0.2em;
color: var(--marnamic-teal);
}
body.wp-child-theme-marnamic .hp-vendor__location a,
body.wp-child-theme-marnamic .hp-listing__location a {
min-width: 0;
color: var(--marnamic-text-muted);
overflow-wrap: anywhere;
}
body.wp-child-theme-marnamic .hp-vendor__location a:hover,
body.wp-child-theme-marnamic .hp-listing__location a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-vendor__registered-date,
body.wp-child-theme-marnamic .hp-listing__created-date {
display: block;
color: var(--marnamic-text-soft);
font-size: 0.76rem;
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
}
body.wp-child-theme-marnamic .hp-vendor__actions,
body.wp-child-theme-marnamic .hp-listing__actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.wp-child-theme-marnamic .hp-vendor__footer .hp-vendor__action,
body.wp-child-theme-marnamic .hp-listing__footer .hp-listing__action {
display: inline-flex;
min-width: 38px;
min-height: 38px;
align-items: center;
justify-content: center;
color: var(--marnamic-mint);
background: rgba(15, 25, 27, 0.54);
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .hp-vendor__footer .hp-vendor__action:hover,
body.wp-child-theme-marnamic .hp-listing__footer .hp-listing__action:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing--view-block h1,
body.wp-child-theme-marnamic .hp-listing--view-block h2,
body.wp-child-theme-marnamic .hp-listing--view-block h3,
body.wp-child-theme-marnamic .hp-listing--view-block h4,
body.wp-child-theme-marnamic .hp-listing--map-block h1,
body.wp-child-theme-marnamic .hp-listing--map-block h2,
body.wp-child-theme-marnamic .hp-listing--map-block h3,
body.wp-child-theme-marnamic .hp-listing--map-block h4,
body.wp-child-theme-marnamic .hp-listing--map-block h5,
body.wp-child-theme-marnamic .hp-vendor--view-block h1,
body.wp-child-theme-marnamic .hp-vendor--view-block h2,
body.wp-child-theme-marnamic .hp-vendor--view-block h3,
body.wp-child-theme-marnamic .hp-vendor--view-block h4,
body.wp-child-theme-marnamic .hp-vendor--map-block h1,
body.wp-child-theme-marnamic .hp-vendor--map-block h2,
body.wp-child-theme-marnamic .hp-vendor--map-block h3,
body.wp-child-theme-marnamic .hp-vendor--map-block h4,
body.wp-child-theme-marnamic .hp-vendor--map-block h5,
body.wp-child-theme-marnamic .hp-listing-category--view-block h1,
body.wp-child-theme-marnamic .hp-listing-category--view-block h2,
body.wp-child-theme-marnamic .hp-listing-category--view-block h3,
body.wp-child-theme-marnamic .hp-listing-category--view-block h4,
body.wp-child-theme-marnamic .hp-widget h1,
body.wp-child-theme-marnamic .hp-widget h2,
body.wp-child-theme-marnamic .hp-widget h3,
body.wp-child-theme-marnamic .hp-widget h4,
body.wp-child-theme-marnamic .widget--sidebar h1,
body.wp-child-theme-marnamic .widget--sidebar h2,
body.wp-child-theme-marnamic .widget--sidebar h3,
body.wp-child-theme-marnamic .widget--sidebar h4 {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-listing--view-block p,
body.wp-child-theme-marnamic .hp-listing--view-block li,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-meta,
body.wp-child-theme-marnamic .hp-listing__created-date,
body.wp-child-theme-marnamic .hp-listing__date,
body.wp-child-theme-marnamic .hp-vendor--view-block p,
body.wp-child-theme-marnamic .hp-vendor--view-block li,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-meta,
body.wp-child-theme-marnamic .hp-vendor__registered-date,
body.wp-child-theme-marnamic .hp-vendor__date,
body.wp-child-theme-marnamic .hp-listing-category--view-block p,
body.wp-child-theme-marnamic .hp-listing-category--view-block li,
body.wp-child-theme-marnamic .hp-listing-category--view-block .hp-meta,
body.wp-child-theme-marnamic .hp-widget p,
body.wp-child-theme-marnamic .hp-widget li,
body.wp-child-theme-marnamic .hp-widget .hp-meta,
body.wp-child-theme-marnamic .widget--sidebar p,
body.wp-child-theme-marnamic .widget--sidebar li,
body.wp-child-theme-marnamic .widget--sidebar .hp-meta {
color: rgba(241, 233, 221, 0.72);
}
body.wp-child-theme-marnamic .hp-listing__title a,
body.wp-child-theme-marnamic .hp-vendor__name a,
body.wp-child-theme-marnamic .hp-listing-category__name a {
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-weight: 400;
line-height: 1.2;
}
body.wp-child-theme-marnamic .hp-listing__title a:hover,
body.wp-child-theme-marnamic .hp-vendor__name a:hover,
body.wp-child-theme-marnamic .hp-listing-category__name a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing--map-block,
body.wp-child-theme-marnamic .hp-vendor--map-block {
min-width: 160px;
max-width: 280px;
padding: 14px;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-listing--map-block .hp-listing__title,
body.wp-child-theme-marnamic .hp-vendor--map-block .hp-vendor__name {
margin: 0;
}
body.wp-child-theme-marnamic .hp-listing--map-block .hp-listing__title a,
body.wp-child-theme-marnamic .hp-vendor--map-block .hp-vendor__name a {
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-size: 1rem;
font-weight: 400;
line-height: 1.25;
}
body.wp-child-theme-marnamic .hp-listing--map-block .hp-listing__title a:hover,
body.wp-child-theme-marnamic .hp-vendor--map-block .hp-vendor__name a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .marnamic-map-card {
min-width: 160px;
max-width: 280px;
padding: 14px;
color: var(--marnamic-cream);
font-family: var(--marnamic-font-body);
}
@media (max-width: 260px) {
body.wp-child-theme-marnamic .hp-listing--map-block,
body.wp-child-theme-marnamic .hp-vendor--map-block,
body.wp-child-theme-marnamic .marnamic-map-card {
min-width: 0;
max-width: calc(100vw - 80px);
}
}
body.wp-child-theme-marnamic .marnamic-map-card__badge {
display: inline-flex;
align-items: center;
min-height: 26px;
margin-bottom: 10px;
padding: 4px 9px;
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-radius: calc(var(--marnamic-radius) - 2px);
font-family: var(--marnamic-font-display);
font-size: 0.72rem;
font-weight: 600;
}
body.wp-child-theme-marnamic .marnamic-map-card--vendor .marnamic-map-card__badge {
color: var(--marnamic-cream);
background: var(--marnamic-dark);
border: 1px solid var(--marnamic-border);
}
body.wp-child-theme-marnamic .marnamic-map-card__title {
margin: 0 0 10px;
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-size: 1rem;
font-weight: 400;
line-height: 1.24;
}
body.wp-child-theme-marnamic .marnamic-map-card__location {
margin: 0 0 12px;
color: var(--marnamic-mint);
font-size: 0.88rem;
line-height: 1.45;
}
body.wp-child-theme-marnamic .marnamic-map-card__link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: var(--marnamic-compact-button-height);
padding: 0 14px;
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-radius: var(--marnamic-radius);
font-family: var(--marnamic-font-display);
font-weight: 600;
line-height: 1;
text-decoration: none;
transition:
background-color 0.16s ease,
color 0.16s ease;
}
body.wp-child-theme-marnamic .marnamic-map-card__link:hover,
body.wp-child-theme-marnamic .marnamic-map-card__link:focus-visible {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
}
body.wp-child-theme-marnamic .marnamic-map-card__link:focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.72);
outline-offset: 3px;
}
body.wp-child-theme-marnamic .hp-listing__categories a,
body.wp-child-theme-marnamic .hp-listing-category__item-count,
body.wp-child-theme-marnamic .post__categories a {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-radius: var(--marnamic-radius);
font-weight: 600;
}
body.wp-child-theme-marnamic .hp-listing__categories a:hover,
body.wp-child-theme-marnamic .post__categories a:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
}
body.wp-child-theme-marnamic .hp-listing__location,
body.wp-child-theme-marnamic .hp-vendor__location {
color: rgba(241, 233, 221, 0.72);
line-height: 1.45;
}
body.wp-child-theme-marnamic .hp-listing__location i,
body.wp-child-theme-marnamic .hp-vendor__location i {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing__location a,
body.wp-child-theme-marnamic .hp-vendor__location a {
color: rgba(241, 233, 221, 0.72);
}
body.wp-child-theme-marnamic .hp-listing__location a:hover,
body.wp-child-theme-marnamic .hp-vendor__location a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing__action,
body.wp-child-theme-marnamic .hp-vendor__action {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
min-height: 36px;
border: 1px solid rgba(231, 253, 135, 0.16);
border-radius: var(--marnamic-radius);
color: rgba(241, 233, 221, 0.72);
background: rgba(255, 255, 255, 0.04);
}
body.wp-child-theme-marnamic .hp-listing__action i,
body.wp-child-theme-marnamic .hp-vendor__action i {
color: currentColor;
}
body.wp-child-theme-marnamic .hp-listing__action:hover,
body.wp-child-theme-marnamic .hp-vendor__action:hover {
border-color: rgba(231, 253, 135, 0.5);
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.1);
}
body.wp-child-theme-marnamic .hp-listing__action--active,
body.wp-child-theme-marnamic .hp-vendor__action--active,
body.wp-child-theme-marnamic .hp-listing__action[data-state="active"],
body.wp-child-theme-marnamic .hp-vendor__action[data-state="active"] {
border-color: var(--marnamic-lime);
color: var(--marnamic-dark);
background: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .slick-prev,
body.wp-child-theme-marnamic .slick-next {
width: 40px;
height: 40px;
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border: 1px solid var(--marnamic-lime);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
z-index: 3;
}
body.wp-child-theme-marnamic .slick-prev:hover,
body.wp-child-theme-marnamic .slick-next:hover,
body.wp-child-theme-marnamic .slick-prev:focus,
body.wp-child-theme-marnamic .slick-next:focus {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
border-color: var(--marnamic-lime-hover);
}
body.wp-child-theme-marnamic .slick-prev::before,
body.wp-child-theme-marnamic .slick-next::before {
color: currentColor;
opacity: 1;
}
body.wp-child-theme-marnamic .hp-page__sidebar .hp-widget,
body.wp-child-theme-marnamic .site-sidebar .widget {
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.94), rgba(24, 39, 43, 0.98));
}
body.wp-child-theme-marnamic .hp-page__sidebar .hp-widget {
padding: 0;
}
body.wp-child-theme-marnamic .hp-page__sidebar .widget__title,
body.wp-child-theme-marnamic .hp-page__sidebar .hp-widget__title {
margin: 0;
padding: 18px 18px 0;
color: var(--marnamic-cream);
font-size: 1rem;
letter-spacing: 0;
}
body.wp-child-theme-marnamic .hp-form--vendor-filter,
body.wp-child-theme-marnamic .hp-form--listing-filter {
padding: 18px;
border: 0;
}
body.wp-child-theme-marnamic .hp-form--vendor-filter .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--listing-filter .hp-form__fields {
display: grid;
gap: 16px;
}
body.wp-child-theme-marnamic .hp-widget .hp-form__field,
body.wp-child-theme-marnamic .hp-widget .hp-field {
margin: 0;
}
body.wp-child-theme-marnamic .hp-widget .hp-field__label,
body.wp-child-theme-marnamic .hp-widget .hp-form__label {
color: var(--marnamic-text-soft);
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0;
}
body.wp-child-theme-marnamic .hp-widget input[type="text"],
body.wp-child-theme-marnamic .hp-widget input[type="search"],
body.wp-child-theme-marnamic .hp-widget input[type="number"],
body.wp-child-theme-marnamic .hp-widget select,
body.wp-child-theme-marnamic .hp-widget .hp-field--location,
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple {
min-height: var(--marnamic-control-height);
}
body.wp-child-theme-marnamic .hp-widget input[type="text"],
body.wp-child-theme-marnamic .hp-widget input[type="search"],
body.wp-child-theme-marnamic .hp-widget input[type="number"],
body.wp-child-theme-marnamic .hp-widget select,
body.wp-child-theme-marnamic .hp-widget textarea,
body.wp-child-theme-marnamic .hp-widget .hp-field--location {
color: var(--marnamic-cream) !important;
background-color: var(--marnamic-input-bg) !important;
border: 1px solid rgba(161, 192, 195, 0.26) !important;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-widget input[type="text"]:focus,
body.wp-child-theme-marnamic .hp-widget input[type="search"]:focus,
body.wp-child-theme-marnamic .hp-widget input[type="number"]:focus,
body.wp-child-theme-marnamic .hp-widget select:focus,
body.wp-child-theme-marnamic .hp-widget textarea:focus {
background-color: var(--marnamic-input-bg-focus) !important;
border-color: rgba(231, 253, 135, 0.58) !important;
box-shadow: 0 0 0 3px rgba(231, 253, 135, 0.16) !important;
}
body.wp-child-theme-marnamic .select2-container {
max-width: 100%;
}
body.wp-child-theme-marnamic .hp-widget .select2-container,
body.wp-child-theme-marnamic .hp-form--listing-search .select2-container,
body.wp-child-theme-marnamic .hp-form--vendor-search .select2-container {
width: 100% !important;
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: calc(var(--marnamic-control-height) - 2px);
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple .select2-selection__rendered {
min-height: 36px;
}
body.wp-child-theme-marnamic .hp-widget .hp-form__footer {
margin-top: 18px;
}
body.wp-child-theme-marnamic .hp-widget .hp-form__button,
body.wp-child-theme-marnamic .hp-form--vendor-filter .hp-form__button,
body.wp-child-theme-marnamic .hp-form--listing-filter .hp-form__button {
width: 100%;
min-height: var(--marnamic-button-height);
}
body.wp-child-theme-marnamic .hp-page__topbar,
body.wp-child-theme-marnamic .hp-menu--tabbed {
color: var(--marnamic-cream);
border-color: rgba(231, 253, 135, 0.18);
}
body.wp-child-theme-marnamic .hp-page__topbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 14px 20px;
margin-bottom: clamp(18px, 3vw, 28px);
}
body.wp-child-theme-marnamic .hp-page__topbar--separate {
padding: 14px 16px;
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.84), rgba(24, 39, 43, 0.92));
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .hp-form--listing-sort,
body.wp-child-theme-marnamic .hp-form--vendor-sort {
margin: 0;
color: var(--marnamic-cream);
background: transparent;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-form--listing-sort select,
body.wp-child-theme-marnamic .hp-form--vendor-sort select,
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single {
min-height: var(--marnamic-control-height);
border-color: rgba(161, 192, 195, 0.3);
}
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single .select2-selection__rendered,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: var(--marnamic-control-height);
}
body.wp-child-theme-marnamic .hp-menu--tabbed .hp-menu__item a {
color: rgba(241, 233, 221, 0.78);
}
body.wp-child-theme-marnamic .hp-menu--tabbed .hp-menu__item a:hover,
body.wp-child-theme-marnamic .hp-menu--tabbed .hp-menu__item--current a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing--view-page,
body.wp-child-theme-marnamic .hp-vendor--view-page {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-listing--view-page > .hp-page__content {
display: block;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__categories {
margin: 0 0 14px;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__title {
margin: 0 0 16px;
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-size: clamp(2.1rem, 4vw, 3.5rem);
font-weight: 400;
line-height: 1.08;
letter-spacing: 0;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__details {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
align-items: center;
margin-bottom: 20px;
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__details i {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__images {
margin: 20px 0;
padding: 12px;
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.88), rgba(24, 39, 43, 0.94));
border: 1px solid rgba(231, 253, 135, 0.18);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
overflow: hidden;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__images img {
display: block;
width: 100%;
max-height: 520px;
object-fit: cover;
background: rgba(15, 25, 27, 0.5);
border-radius: calc(var(--marnamic-radius) - 2px);
}
body.wp-child-theme-marnamic .hp-listing--view-page,
body.wp-child-theme-marnamic .hp-vendor--view-page,
body.wp-child-theme-marnamic .hp-listing__attributes,
body.wp-child-theme-marnamic .hp-vendor__attributes,
body.wp-child-theme-marnamic .hp-listing__description,
body.wp-child-theme-marnamic .hp-vendor__description,
body.wp-child-theme-marnamic .hp-reviews,
body.wp-child-theme-marnamic .hp-review,
body.wp-child-theme-marnamic .comment,
body.wp-child-theme-marnamic .post--view-page {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-listing__attributes,
body.wp-child-theme-marnamic .hp-vendor__attributes,
body.wp-child-theme-marnamic .hp-reviews,
body.wp-child-theme-marnamic .hp-review,
body.wp-child-theme-marnamic .comment,
body.wp-child-theme-marnamic .post--view-page {
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.88), rgba(24, 39, 43, 0.94));
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .hp-listing__attributes,
body.wp-child-theme-marnamic .hp-vendor__attributes {
padding: clamp(16px, 2.4vw, 24px);
}
body.wp-child-theme-marnamic .hp-listing__attribute,
body.wp-child-theme-marnamic .hp-vendor__attribute {
color: var(--marnamic-text-muted);
border-color: rgba(231, 253, 135, 0.14);
}
body.wp-child-theme-marnamic .hp-listing__attribute strong,
body.wp-child-theme-marnamic .hp-vendor__attribute strong,
body.wp-child-theme-marnamic .hp-listing__attribute a,
body.wp-child-theme-marnamic .hp-vendor__attribute a {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-listing__actions,
body.wp-child-theme-marnamic .hp-vendor__actions,
body.wp-child-theme-marnamic .hp-listing__actions--primary,
body.wp-child-theme-marnamic .hp-vendor__actions--primary {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget,
body.wp-child-theme-marnamic .hp-vendor__actions.hp-widget,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget,
body.wp-child-theme-marnamic .hp-vendor__actions--primary.hp-widget {
align-items: stretch;
padding: 14px;
}
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget .button,
body.wp-child-theme-marnamic .hp-vendor__actions.hp-widget .button,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget .button,
body.wp-child-theme-marnamic .hp-vendor__actions--primary.hp-widget .button {
width: 100%;
}
body.wp-child-theme-marnamic .hp-listing__actions--secondary .hp-listing__action,
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget .hp-listing__action.hp-link,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget .hp-listing__action.hp-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 42px;
padding: 9px 12px;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.52);
border: 1px solid rgba(161, 192, 195, 0.2);
border-radius: var(--marnamic-radius);
font-weight: 600;
text-decoration: none;
}
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget .hp-listing__action.hp-link,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget .hp-listing__action.hp-link {
width: 100%;
}
body.wp-child-theme-marnamic .hp-listing__actions--secondary .hp-listing__action:hover,
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget .hp-listing__action.hp-link:hover,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget .hp-listing__action.hp-link:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing__actions--secondary .hp-listing__action i,
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget .hp-listing__action.hp-link i,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget .hp-listing__action.hp-link i {
color: currentColor;
}
body.wp-child-theme-marnamic .hp-rating,
body.wp-child-theme-marnamic .hp-review__rating {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-rating {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 26px;
padding: 3px 8px;
background: rgba(231, 253, 135, 0.08);
border: 1px solid rgba(231, 253, 135, 0.18);
border-radius: calc(var(--marnamic-radius) - 2px);
}
body.wp-child-theme-marnamic .hp-rating__stars,
body.wp-child-theme-marnamic .hp-rating-stars {
color: var(--marnamic-lime);
line-height: 1;
}
body.wp-child-theme-marnamic .hp-rating__details {
display: inline-flex;
align-items: baseline;
gap: 4px;
color: var(--marnamic-text-muted);
font-size: 0.8rem;
font-weight: 600;
}
body.wp-child-theme-marnamic .hp-rating__value {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-rating__count {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic .hp-review,
body.wp-child-theme-marnamic .comment {
padding: clamp(16px, 2.4vw, 24px);
}
body.wp-child-theme-marnamic .hp-review__author,
body.wp-child-theme-marnamic .comment__author,
body.wp-child-theme-marnamic .comment__author a {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-review__date,
body.wp-child-theme-marnamic .comment__date,
body.wp-child-theme-marnamic .comment__details {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__description,
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__description {
color: rgba(241, 233, 221, 0.86);
line-height: 1.68;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__description {
margin: 20px 0 0;
padding: clamp(18px, 3vw, 26px);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.88), rgba(24, 39, 43, 0.94));
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__description p:first-child {
margin-top: 0;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__description p:last-child {
margin-bottom: 0;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__description a,
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__description a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .pagination .nav-links > a,
body.wp-child-theme-marnamic .pagination .nav-links > span,
body.wp-child-theme-marnamic .pagination > a,
body.wp-child-theme-marnamic .pagination > span,
body.wp-child-theme-marnamic .hp-pagination a,
body.wp-child-theme-marnamic .hp-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
margin: 0 3px;
padding: 8px 12px;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.62);
border: 1px solid rgba(231, 253, 135, 0.16);
border-radius: var(--marnamic-radius);
font-weight: 600;
text-decoration: none;
}
body.wp-child-theme-marnamic .pagination .nav-links > a:hover,
body.wp-child-theme-marnamic .pagination > a:hover,
body.wp-child-theme-marnamic .pagination .current,
body.wp-child-theme-marnamic .hp-pagination a:hover,
body.wp-child-theme-marnamic .hp-pagination .current {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .pagination .dots,
body.wp-child-theme-marnamic .hp-pagination .dots {
color: var(--marnamic-text-soft);
background: transparent;
border-color: transparent;
}
body.wp-child-theme-marnamic .hp-message:not(.hp-message--thread-block):not(.hp-message--view-block),
body.wp-child-theme-marnamic .hp-notice,
body.wp-child-theme-marnamic .woocommerce-message,
body.wp-child-theme-marnamic .woocommerce-info,
body.wp-child-theme-marnamic .woocommerce-error {
color: var(--marnamic-cream);
background: rgba(32, 51, 55, 0.94);
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .hp-message:not(.hp-message--thread-block):not(.hp-message--view-block) a,
body.wp-child-theme-marnamic .hp-notice a,
body.wp-child-theme-marnamic .woocommerce-message a,
body.wp-child-theme-marnamic .woocommerce-info a,
body.wp-child-theme-marnamic .woocommerce-error a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-breadcrumbs,
body.wp-child-theme-marnamic .woocommerce-breadcrumb {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic .hp-breadcrumbs a,
body.wp-child-theme-marnamic .woocommerce-breadcrumb a {
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .hp-breadcrumbs a:hover,
body.wp-child-theme-marnamic .woocommerce-breadcrumb a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic table,
body.wp-child-theme-marnamic .wp-block-table table {
color: var(--marnamic-cream);
background: rgba(32, 51, 55, 0.78);
border-color: var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
overflow: hidden;
}
body.wp-child-theme-marnamic th,
body.wp-child-theme-marnamic td {
border-color: rgba(231, 253, 135, 0.14);
}
body.wp-child-theme-marnamic th {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.34);
}
body.wp-child-theme-marnamic .woocommerce,
body.wp-child-theme-marnamic .woocommerce-page {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .woocommerce form.checkout,
body.wp-child-theme-marnamic .woocommerce form.login,
body.wp-child-theme-marnamic .woocommerce form.register,
body.wp-child-theme-marnamic .woocommerce form.checkout_coupon,
body.wp-child-theme-marnamic .woocommerce-cart-form,
body.wp-child-theme-marnamic .woocommerce-checkout-review-order,
body.wp-child-theme-marnamic .woocommerce-MyAccount-navigation,
body.wp-child-theme-marnamic .woocommerce-MyAccount-content,
body.wp-child-theme-marnamic .woocommerce-order,
body.wp-child-theme-marnamic .woocommerce-customer-details,
body.wp-child-theme-marnamic .woocommerce-Address,
body.wp-child-theme-marnamic .hp-user-listing-packages {
color: var(--marnamic-cream);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.9), rgba(24, 39, 43, 0.96));
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .woocommerce form.checkout,
body.wp-child-theme-marnamic .woocommerce form.login,
body.wp-child-theme-marnamic .woocommerce form.register,
body.wp-child-theme-marnamic .woocommerce form.checkout_coupon,
body.wp-child-theme-marnamic .woocommerce-cart-form,
body.wp-child-theme-marnamic .woocommerce-checkout-review-order,
body.wp-child-theme-marnamic .woocommerce-MyAccount-content,
body.wp-child-theme-marnamic .woocommerce-order,
body.wp-child-theme-marnamic .woocommerce-customer-details,
body.wp-child-theme-marnamic .woocommerce-Address {
padding: clamp(16px, 2.4vw, 24px);
}
body.wp-child-theme-marnamic .woocommerce table.shop_table,
body.wp-child-theme-marnamic .woocommerce table.my_account_orders {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.42);
border-color: var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .woocommerce table.shop_table th,
body.wp-child-theme-marnamic .woocommerce table.shop_table td,
body.wp-child-theme-marnamic .woocommerce table.my_account_orders th,
body.wp-child-theme-marnamic .woocommerce table.my_account_orders td {
color: var(--marnamic-text-muted);
border-color: rgba(231, 253, 135, 0.12);
}
body.wp-child-theme-marnamic .woocommerce table.shop_table th,
body.wp-child-theme-marnamic .woocommerce table.my_account_orders th {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.42);
}
body.wp-child-theme-marnamic .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 8px;
list-style: none;
}
body.wp-child-theme-marnamic .woocommerce-MyAccount-navigation li {
margin: 0;
}
body.wp-child-theme-marnamic .woocommerce-MyAccount-navigation li a {
display: flex;
min-height: 42px;
align-items: center;
padding: 8px 12px;
color: var(--marnamic-text-muted);
border-radius: calc(var(--marnamic-radius) - 2px);
}
body.wp-child-theme-marnamic .woocommerce-MyAccount-navigation li.is-active a,
body.wp-child-theme-marnamic .woocommerce-MyAccount-navigation li a:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .woocommerce a,
body.wp-child-theme-marnamic .woocommerce-page a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .woocommerce .quantity .qty {
min-height: 44px;
}
body.wp-child-theme-marnamic .woocommerce .col2-set .col-1,
body.wp-child-theme-marnamic .woocommerce .col2-set .col-2 {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic #combined-map-wrapper,
body.wp-child-theme-marnamic .combined-map-wrapper {
overflow: hidden;
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.92), rgba(15, 25, 27, 0.98));
border: 1px solid rgba(231, 253, 135, 0.18);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic #combined-map,
body.wp-child-theme-marnamic .combined-map {
background: var(--marnamic-dark);
border-radius: var(--marnamic-radius) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-loading {
color: var(--marnamic-cream) !important;
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.98), rgba(15, 25, 27, 0.98)) !important;
border: 1px solid rgba(231, 253, 135, 0.22);
border-radius: var(--marnamic-radius) !important;
box-shadow: var(--marnamic-shadow-soft) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-loading-spinner {
border-color: rgba(161, 192, 195, 0.24) !important;
border-top-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-loading-text {
color: var(--marnamic-mint) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-controls {
gap: 8px;
padding: 8px;
background: rgba(15, 25, 27, 0.72);
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.72);
border: 1px solid rgba(161, 192, 195, 0.24);
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn:hover,
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn.active {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .combined-map-wrapper .cluster {
color: var(--marnamic-dark) !important;
background-color: transparent !important;
border-color: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 600 !important;
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c {
color: var(--marnamic-cream);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.98), rgba(24, 39, 43, 1));
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-d {
overflow: auto !important;
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c h1[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c h2[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c h3[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c h4[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c h5[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c h6[style] {
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c p[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c span[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c div[style*="font-size"] {
color: var(--marnamic-mint) !important;
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c div[style*="linear-gradient"],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c span[style*="linear-gradient"],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c [style*="#05717C"] {
color: var(--marnamic-cream) !important;
background: var(--marnamic-teal-dark) !important;
border: 1px solid rgba(241, 233, 221, 0.16);
border-radius: var(--marnamic-radius) !important;
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c a[style] {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-radius: var(--marnamic-radius) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-tc::after {
background: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .gm-style .gm-ui-hover-effect {
opacity: 0.86;
filter: invert(1);
}
body.wp-child-theme-marnamic .fancybox-bg {
background: rgba(15, 25, 27, 0.86);
}
body.wp-child-theme-marnamic .fancybox-is-open .fancybox-bg {
opacity: 1;
}
body.wp-child-theme-marnamic .fancybox-slide--html {
padding: clamp(16px, 4vw, 44px);
}
body.wp-child-theme-marnamic .fancybox-content {
color: var(--marnamic-cream);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.98), rgba(24, 39, 43, 1));
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: 0 28px 90px rgba(0, 0, 0, 0.44);
}
body.wp-child-theme-marnamic .fancybox-close-small {
color: var(--marnamic-cream);
background: rgba(255, 255, 255, 0.06);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .fancybox-close-small:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-modal {
color: var(--marnamic-cream);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.98), rgba(24, 39, 43, 1));
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
}
body.wp-child-theme-marnamic .hp-modal,
body.wp-child-theme-marnamic .hp-modal .hp-form {
max-width: min(100%, 440px);
}
body.wp-child-theme-marnamic .hp-modal .hp-form,
body.wp-child-theme-marnamic .hp-form--user-login,
body.wp-child-theme-marnamic .hp-form--user-register,
body.wp-child-theme-marnamic .hp-form--user-password-request,
body.wp-child-theme-marnamic .hp-form--listing-claim,
body.wp-child-theme-marnamic .hp-form--listing-claim-submit,
body.wp-child-theme-marnamic .hp-form--message-send {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic.hp-template--user-login-page .hp-page__content,
body.wp-child-theme-marnamic .hp-template--user-login-page .hp-page__content {
max-width: 460px;
margin-inline: auto;
}
body.wp-child-theme-marnamic.hp-template--user-login-page .hp-page__title,
body.wp-child-theme-marnamic .hp-template--user-login-page .hp-page__title {
margin-bottom: 18px;
text-align: center;
}
body.wp-child-theme-marnamic.hp-template--user-login-page .hp-form--user-login,
body.wp-child-theme-marnamic .hp-template--user-login-page .hp-form--user-login {
padding: clamp(20px, 4vw, 28px);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.96), rgba(24, 39, 43, 0.98));
border: 1px solid rgba(231, 253, 135, 0.2);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow);
}
body.wp-child-theme-marnamic .hp-modal .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--user-login .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--user-register .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--user-password-request .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--listing-claim .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--listing-claim-submit .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--message-send .hp-form__fields {
display: grid;
gap: 14px;
}
body.wp-child-theme-marnamic .hp-modal .hp-form__field,
body.wp-child-theme-marnamic .hp-form--user-login .hp-form__field,
body.wp-child-theme-marnamic .hp-form--user-register .hp-form__field,
body.wp-child-theme-marnamic .hp-form--user-password-request .hp-form__field,
body.wp-child-theme-marnamic .hp-form--listing-claim .hp-form__field,
body.wp-child-theme-marnamic .hp-form--listing-claim-submit .hp-form__field,
body.wp-child-theme-marnamic .hp-form--message-send .hp-form__field {
margin: 0;
}
body.wp-child-theme-marnamic .hp-modal .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--user-login .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--user-register .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--user-password-request .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--listing-claim .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--listing-claim-submit .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--message-send .hp-form__footer {
display: grid;
gap: 12px;
margin-top: 18px;
}
body.wp-child-theme-marnamic .hp-modal .hp-form__button,
body.wp-child-theme-marnamic .hp-form--user-login .hp-form__button,
body.wp-child-theme-marnamic .hp-form--user-register .hp-form__button,
body.wp-child-theme-marnamic .hp-form--user-password-request .hp-form__button,
body.wp-child-theme-marnamic .hp-form--listing-claim .hp-form__button,
body.wp-child-theme-marnamic .hp-form--listing-claim-submit .hp-form__button,
body.wp-child-theme-marnamic .hp-form--message-send .hp-form__button {
width: 100%;
min-height: var(--marnamic-button-height);
}
body.wp-child-theme-marnamic .hp-form--user-register .hp-form__field--checkbox,
body.wp-child-theme-marnamic .hp-modal .hp-form__field--checkbox {
padding: 12px;
color: var(--marnamic-text-muted);
background: rgba(15, 25, 27, 0.42);
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .hp-form--user-register .hp-form__field--checkbox a,
body.wp-child-theme-marnamic .hp-modal .hp-form__field--checkbox a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-field--captcha,
body.wp-child-theme-marnamic .g-recaptcha {
max-width: 100%;
padding: 10px;
background: rgba(15, 25, 27, 0.42);
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
overflow: hidden;
}
body.wp-child-theme-marnamic .hp-modal__title,
body.wp-child-theme-marnamic .hp-form__header {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-modal h1,
body.wp-child-theme-marnamic .hp-modal h2,
body.wp-child-theme-marnamic .hp-modal h3,
body.wp-child-theme-marnamic .hp-modal h4 {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-modal p,
body.wp-child-theme-marnamic .hp-modal li {
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .hp-widget .hp-modal--mobile,
body.wp-child-theme-marnamic .hp-widget .hp-form,
body.wp-child-theme-marnamic .hp-form--vendor-filter,
body.wp-child-theme-marnamic .hp-form--listing-filter {
color: var(--marnamic-cream);
background: transparent;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-widget .hp-modal:not(.hp-modal--mobile) {
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.98), rgba(24, 39, 43, 1));
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
}
body.wp-child-theme-marnamic .hp-widget .hp-modal h1,
body.wp-child-theme-marnamic .hp-widget .hp-modal h2,
body.wp-child-theme-marnamic .hp-widget .hp-modal h3,
body.wp-child-theme-marnamic .hp-widget .hp-modal h4,
body.wp-child-theme-marnamic .hp-widget .hp-modal p,
body.wp-child-theme-marnamic .hp-widget .hp-modal li,
body.wp-child-theme-marnamic .hp-widget .hp-field input[type="checkbox"] + span,
body.wp-child-theme-marnamic .hp-widget .hp-field input[type="radio"] + span {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-widget .hp-field__label,
body.wp-child-theme-marnamic .hp-widget .hp-form__label {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic .site-footer {
color: rgba(241, 233, 221, 0.78);
background: var(--marnamic-dark-deep);
border-top: 1px solid rgba(231, 253, 135, 0.18);
}
body.wp-child-theme-marnamic .site-footer a,
body.wp-child-theme-marnamic .footer-navbar__menu a,
body.wp-child-theme-marnamic .widget--footer a {
color: rgba(241, 233, 221, 0.78);
}
body.wp-child-theme-marnamic .footer-widgets {
padding-block: clamp(26px, 4vw, 44px);
border-bottom: 1px solid rgba(161, 192, 195, 0.12);
}
body.wp-child-theme-marnamic .widget--footer ul,
body.wp-child-theme-marnamic .footer-navbar__menu ul {
margin: 0;
padding: 0;
list-style: none;
}
body.wp-child-theme-marnamic .widget--footer li,
body.wp-child-theme-marnamic .footer-navbar__menu li {
margin: 0 0 8px;
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .widget--footer img {
max-width: min(220px, 100%);
height: auto;
}
body.wp-child-theme-marnamic .site-footer a:hover,
body.wp-child-theme-marnamic .footer-navbar__menu a:hover,
body.wp-child-theme-marnamic .widget--footer a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .widget--footer .widget__title {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .marnamic-grid-section,
body.wp-child-theme-marnamic .marnamic-grid-wrapper,
body.wp-child-theme-marnamic .marnamic-static-cards-grid,
body.wp-child-theme-marnamic .marnamic-matching-section,
body.wp-child-theme-marnamic .marnamic-matching-section-2 {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .marnamic-matching-section,
body.wp-child-theme-marnamic .marnamic-matching-section-2 {
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.92), rgba(15, 25, 27, 0.98)) !important;
border: 1px solid rgba(231, 253, 135, 0.18);
border-radius: var(--marnamic-radius) !important;
box-shadow: var(--marnamic-shadow);
}
body.wp-child-theme-marnamic .marnamic-card-link,
body.wp-child-theme-marnamic .marnamic-static-card,
body.wp-child-theme-marnamic .marnamic-partner-card,
body.wp-child-theme-marnamic .marnamic-filter-card,
body.wp-child-theme-marnamic .marnamic-info-box {
color: var(--marnamic-cream) !important;
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.96), rgba(24, 39, 43, 0.98)) !important;
border: 1px solid rgba(231, 253, 135, 0.18);
border-radius: var(--marnamic-radius) !important;
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .marnamic-card-link:hover,
body.wp-child-theme-marnamic .marnamic-static-card:hover {
background:
linear-gradient(180deg, rgba(36, 56, 60, 0.98), rgba(27, 42, 46, 0.98)) !important;
border-color: rgba(231, 253, 135, 0.42);
box-shadow: var(--marnamic-shadow);
}
body.wp-child-theme-marnamic .marnamic-card-link .marnamic-heading,
body.wp-child-theme-marnamic .marnamic-static-card .marnamic-heading,
body.wp-child-theme-marnamic .marnamic-matching-info .marnamic-info-heading,
body.wp-child-theme-marnamic .marnamic-matching-info-2 .marnamic-info-heading,
body.wp-child-theme-marnamic .marnamic-partner-name {
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic .marnamic-card-link .marnamic-text,
body.wp-child-theme-marnamic .marnamic-static-card .marnamic-text,
body.wp-child-theme-marnamic .marnamic-info-box .marnamic-info-text,
body.wp-child-theme-marnamic .marnamic-matching-info .marnamic-info-description,
body.wp-child-theme-marnamic .marnamic-matching-info-2 .marnamic-info-description,
body.wp-child-theme-marnamic .marnamic-matching-info .marnamic-feature-item .marnamic-feature-text,
body.wp-child-theme-marnamic .marnamic-matching-info-2 .marnamic-feature-item .marnamic-feature-text,
body.wp-child-theme-marnamic .marnamic-partner-spec {
color: var(--marnamic-text-muted) !important;
}
body.wp-child-theme-marnamic .marnamic-card-link .marnamic-cta,
body.wp-child-theme-marnamic .marnamic-static-card .marnamic-cta,
body.wp-child-theme-marnamic .marnamic-filter-step,
body.wp-child-theme-marnamic .marnamic-filter-question,
body.wp-child-theme-marnamic .marnamic-filter-label,
body.wp-child-theme-marnamic .marnamic-partner-cta-label,
body.wp-child-theme-marnamic .marnamic-matching-info .marnamic-feature-item .marnamic-feature-text strong,
body.wp-child-theme-marnamic .marnamic-matching-info-2 .marnamic-feature-item .marnamic-feature-text strong {
color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .marnamic-feature-icon svg,
body.wp-child-theme-marnamic .marnamic-info-box svg {
fill: var(--marnamic-lime) !important;
color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .marnamic-partner-item {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.58) !important;
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius) !important;
}
body.wp-child-theme-marnamic .marnamic-partner-item.marnamic-partner-highlighted {
background: rgba(231, 253, 135, 0.12) !important;
border-color: rgba(231, 253, 135, 0.36);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}
body.wp-child-theme-marnamic .marnamic-partner-location,
body.wp-child-theme-marnamic .marnamic-range-labels {
color: var(--marnamic-mint) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-card::before {
background: rgba(161, 192, 195, 0.18) !important;
}
body.wp-child-theme-marnamic .marnamic-pill,
body.wp-child-theme-marnamic .marnamic-radius-input {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.6) !important;
border: 1px solid rgba(161, 192, 195, 0.24) !important;
border-radius: var(--marnamic-radius) !important;
}
body.wp-child-theme-marnamic .marnamic-radius-input span {
color: var(--marnamic-mint) !important;
}
body.wp-child-theme-marnamic .marnamic-pill:hover,
body.wp-child-theme-marnamic .marnamic-pill.marnamic-pill-active {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .marnamic-range-slider {
accent-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .marnamic-range-slider::-webkit-slider-thumb {
background: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .marnamic-range-slider::-moz-range-thumb {
background: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .marnamic-partner-btn,
body.wp-child-theme-marnamic .marnamic-partner-cta-btn,
body.wp-child-theme-marnamic .marnamic-cta-button,
body.wp-child-theme-marnamic .marnamic-matching-info-2 .marnamic-cta-button {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border: 1px solid var(--marnamic-lime) !important;
border-radius: var(--marnamic-radius) !important;
}
body.wp-child-theme-marnamic .marnamic-partner-btn:hover,
body.wp-child-theme-marnamic .marnamic-partner-cta-btn:hover,
body.wp-child-theme-marnamic .marnamic-cta-button:hover,
body.wp-child-theme-marnamic .marnamic-matching-info-2 .marnamic-cta-button:hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic .glossary-link {
color: var(--marnamic-lime);
text-decoration-color: var(--marnamic-teal);
} body.wp-child-theme-marnamic .glossary-tooltip::before,
body.wp-child-theme-marnamic .glossary-tooltip::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .glossary-tooltip > .gtt-tooltip {
color: var(--marnamic-ui-text, var(--marnamic-cream)) !important;
background: var(--marnamic-ui-bg-deep, var(--marnamic-panel-soft)) !important;
border-color: var(--marnamic-ui-border, rgba(231, 253, 135, 0.28)) !important;
border-radius: var(--marnamic-ui-radius-md, var(--marnamic-radius)) !important;
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32) !important;
font-family: var(--marnamic-font-body, Quicksand, Helvetica, Arial, sans-serif) !important;
}
body.wp-child-theme-marnamic .glossary-tooltip > .gtt-tooltip::after,
body.wp-child-theme-marnamic .glossary-tooltip.gtt-top > .gtt-tooltip::after {
border-top-color: var(--marnamic-ui-bg-deep, var(--marnamic-panel-soft)) !important;
filter:
drop-shadow(1px 1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28)))
drop-shadow(-1px 1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28))) !important;
}
body.wp-child-theme-marnamic .glossary-tooltip.gtt-bottom > .gtt-tooltip::after {
border-top-color: transparent !important;
border-bottom-color: var(--marnamic-ui-bg-deep, var(--marnamic-panel-soft)) !important;
filter:
drop-shadow(1px -1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28)))
drop-shadow(-1px -1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28))) !important;
}
body.wp-child-theme-marnamic .glossary-tooltip.gtt-left > .gtt-tooltip::after {
border-top-color: transparent !important;
border-left-color: var(--marnamic-ui-bg-deep, var(--marnamic-panel-soft)) !important;
filter:
drop-shadow(1px 1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28)))
drop-shadow(1px -1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28))) !important;
}
body.wp-child-theme-marnamic .glossary-tooltip.gtt-right > .gtt-tooltip::after {
border-top-color: transparent !important;
border-right-color: var(--marnamic-ui-bg-deep, var(--marnamic-panel-soft)) !important;
filter:
drop-shadow(-1px 1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28)))
drop-shadow(-1px -1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28))) !important;
}
body.wp-child-theme-marnamic .fancybox-button {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.88);
}
body.wp-child-theme-marnamic .fancybox-button:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
} body.wp-child-theme-marnamic :is(
.site-main > article,
.page,
.post,
.entry,
.entry-content,
.page__content,
.post__content,
.hp-section,
.hp-page__footer,
.wp-block-group,
.wp-block-columns,
.wp-block-column,
.wp-block-media-text,
.wp-block-cover,
.wp-block-query,
.wp-block-post,
.wp-block-latest-posts,
.wp-block-categories,
.wp-block-archives
) {
color: var(--marnamic-cream);
background: transparent;
}
body.wp-child-theme-marnamic :is(
.has-white-background-color,
.has-very-light-gray-background-color,
.has-cyan-bluish-gray-background-color,
.has-pale-cyan-blue-background-color,
.has-light-green-cyan-background-color,
.has-vivid-cyan-blue-to-vivid-purple-gradient-background,
.has-light-green-cyan-to-vivid-green-cyan-gradient-background,
.has-very-light-gray-to-cyan-bluish-gray-gradient-background
):not(input):not(textarea):not(select):not(button):not(.button):not(.hp-button):not(.wp-block-button__link) {
color: var(--marnamic-cream) !important;
background: rgba(24, 39, 43, 0.72) !important;
background-image: none !important;
border-color: rgba(161, 192, 195, 0.2) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic :is(
.has-black-color,
.has-very-dark-gray-color,
.has-cyan-bluish-gray-color
) {
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic :is(
.wp-block-search,
.search-form,
.widget_search form,
.comment-respond,
.comments-area,
.hp-menu--user-account,
.hp-menu--listing-manage,
.hp-menu--vendor-manage,
.hp-menu--profile-manage,
.hp-user-listing-packages,
.hp-form--listing-submit,
.hp-form--listing-update,
.hp-form--vendor-update,
.hp-form--user-update,
.hp-form--profile-update,
.hp-form--review-submit,
.hp-form--message-thread,
.hp-form--booking-make,
.hp-form--request-submit,
.hp-modal--mobile .hp-modal__content,
.tooltipster-box
) {
color: var(--marnamic-cream) !important;
background: rgba(24, 39, 43, 0.72) !important;
border: 1px solid rgba(161, 192, 195, 0.2) !important;
border-radius: var(--marnamic-radius) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-menu--user-account,
body.wp-child-theme-marnamic .hp-menu--listing-manage,
body.wp-child-theme-marnamic .hp-menu--vendor-manage,
body.wp-child-theme-marnamic .hp-menu--profile-manage {
padding: 8px !important;
}
body.wp-child-theme-marnamic .hp-menu--user-account .hp-menu__item,
body.wp-child-theme-marnamic .hp-menu--listing-manage .hp-menu__item,
body.wp-child-theme-marnamic .hp-menu--vendor-manage .hp-menu__item,
body.wp-child-theme-marnamic .hp-menu--profile-manage .hp-menu__item {
margin: 0 !important;
}
body.wp-child-theme-marnamic .hp-menu--user-account .hp-menu__item > a,
body.wp-child-theme-marnamic .hp-menu--listing-manage .hp-menu__item > a,
body.wp-child-theme-marnamic .hp-menu--vendor-manage .hp-menu__item > a,
body.wp-child-theme-marnamic .hp-menu--profile-manage .hp-menu__item > a {
display: flex !important;
min-height: 42px;
align-items: center;
gap: 8px;
padding: 9px 12px !important;
color: rgba(241, 233, 221, 0.72) !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
}
body.wp-child-theme-marnamic .hp-menu--user-account .hp-menu__item--current > a,
body.wp-child-theme-marnamic .hp-menu--listing-manage .hp-menu__item--current > a,
body.wp-child-theme-marnamic .hp-menu--vendor-manage .hp-menu__item--current > a,
body.wp-child-theme-marnamic .hp-menu--profile-manage .hp-menu__item--current > a,
body.wp-child-theme-marnamic .hp-menu--user-account .hp-menu__item > a:hover,
body.wp-child-theme-marnamic .hp-menu--listing-manage .hp-menu__item > a:hover,
body.wp-child-theme-marnamic .hp-menu--vendor-manage .hp-menu__item > a:hover,
body.wp-child-theme-marnamic .hp-menu--profile-manage .hp-menu__item > a:hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic :is(.hp-form__field--attachment-upload, .hp-form__field--image-upload, .hp-form__field--file, .hp-field--attachment-upload, .hp-field--image-upload, .hp-field--file, input[type="file"]) {
color: rgba(241, 233, 221, 0.72) !important;
}
body.wp-child-theme-marnamic input[type="file"]::file-selector-button,
body.wp-child-theme-marnamic .hp-field--attachment-upload .hp-field__button,
body.wp-child-theme-marnamic .hp-field--image-upload .hp-field__button,
body.wp-child-theme-marnamic .hp-field--file .hp-field__button {
min-height: 40px;
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border: 1px solid var(--marnamic-lime) !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic .hp-form__messages ul,
body.wp-child-theme-marnamic .hp-message ul,
body.wp-child-theme-marnamic .hp-notice ul,
body.wp-child-theme-marnamic .woocommerce-error,
body.wp-child-theme-marnamic .woocommerce-message,
body.wp-child-theme-marnamic .woocommerce-info {
margin: 0 !important;
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic :is(.hp-field__error, .hp-form__error, .woocommerce-error) {
color: var(--marnamic-danger) !important;
}
body.wp-child-theme-marnamic :is(.hp-field--error input, .hp-field--error textarea, .hp-field--error select, .hp-field--error .select2-selection) {
border-color: rgba(255, 123, 123, 0.7) !important;
box-shadow: 0 0 0 2px rgba(255, 123, 123, 0.14) !important;
}
body.wp-child-theme-marnamic :is(.hp-modal__close, .hp-modal--mobile .hp-modal__close, .fancybox-button) {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.82) !important;
border: 1px solid rgba(161, 192, 195, 0.22) !important;
border-radius: var(--marnamic-radius) !important;
}
body.wp-child-theme-marnamic :is(.hp-modal__close, .hp-modal--mobile .hp-modal__close, .fancybox-button):hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic :is(.wp-block-file a:not(.wp-block-file__button), .comment-metadata a, .logged-in-as a) {
color: var(--marnamic-lime) !important;
} body.wp-child-theme-marnamic {
--marnamic-radius: 8px;
--marnamic-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
--marnamic-shadow-soft: 0 8px 22px rgba(0, 0, 0, 0.16);
--marnamic-control-surface: rgba(15, 25, 27, 0.9);
--marnamic-control-surface-soft: rgba(24, 39, 43, 0.9);
--marnamic-control-border: rgba(161, 192, 195, 0.28);
--marnamic-control-padding-x: 14px;
--marnamic-control-icon-space: 42px;
color: var(--marnamic-cream) !important;
background: var(--marnamic-dark) !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 500;
}
body.wp-child-theme-marnamic,
body.wp-child-theme-marnamic p,
body.wp-child-theme-marnamic li,
body.wp-child-theme-marnamic input,
body.wp-child-theme-marnamic textarea,
body.wp-child-theme-marnamic select,
body.wp-child-theme-marnamic button,
body.wp-child-theme-marnamic .button,
body.wp-child-theme-marnamic .hp-button,
body.wp-child-theme-marnamic .hp-field,
body.wp-child-theme-marnamic .hp-meta,
body.wp-child-theme-marnamic .select2-container,
body.wp-child-theme-marnamic .select2-dropdown {
font-family: var(--marnamic-font-body) !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic h1,
body.wp-child-theme-marnamic h2,
body.wp-child-theme-marnamic h3,
body.wp-child-theme-marnamic h4,
body.wp-child-theme-marnamic h5,
body.wp-child-theme-marnamic h6,
body.wp-child-theme-marnamic .title,
body.wp-child-theme-marnamic .content-title,
body.wp-child-theme-marnamic .wp-block-heading.content-title,
body.wp-child-theme-marnamic .hp-page__title,
body.wp-child-theme-marnamic .hp-section__title,
body.wp-child-theme-marnamic .hp-listing__title,
body.wp-child-theme-marnamic .hp-listing__title a,
body.wp-child-theme-marnamic .hp-vendor__name,
body.wp-child-theme-marnamic .hp-vendor__name a,
body.wp-child-theme-marnamic .hp-listing-category__name,
body.wp-child-theme-marnamic .hp-listing-category__name a,
body.wp-child-theme-marnamic .hp-card__title {
color: var(--marnamic-cream) !important;
font-family: var(--marnamic-font-display) !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
line-height: 1.08 !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic .hp-listing__title,
body.wp-child-theme-marnamic .hp-listing__title a,
body.wp-child-theme-marnamic .hp-vendor__name,
body.wp-child-theme-marnamic .hp-vendor__name a,
body.wp-child-theme-marnamic .hp-listing-category__name,
body.wp-child-theme-marnamic .hp-listing-category__name a,
body.wp-child-theme-marnamic .hp-card__title {
font-weight: 400 !important;
}
body.wp-child-theme-marnamic .content-title,
body.wp-child-theme-marnamic .wp-block-heading.content-title,
body.wp-child-theme-marnamic .hp-section__title,
body.wp-child-theme-marnamic .hp-page__title {
display: block !important;
max-width: 980px;
margin: clamp(34px, 5vw, 56px) auto clamp(20px, 3vw, 28px) !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
text-align: center !important;
}
body.wp-child-theme-marnamic .content-title::before,
body.wp-child-theme-marnamic .content-title::after,
body.wp-child-theme-marnamic .wp-block-heading.content-title::before,
body.wp-child-theme-marnamic .wp-block-heading.content-title::after,
body.wp-child-theme-marnamic .hp-section__title::before,
body.wp-child-theme-marnamic .hp-section__title::after,
body.wp-child-theme-marnamic .hp-page__title::before,
body.wp-child-theme-marnamic .hp-page__title::after,
body.wp-child-theme-marnamic .title::before,
body.wp-child-theme-marnamic .title::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .header-hero,
body.wp-child-theme-marnamic.tax-hp_listing_category .header-hero--large,
body.wp-child-theme-marnamic.tax-hp_listing_category .hp-listing-category--view-page.header-hero {
min-height: 0 !important;
height: auto !important;
padding: clamp(48px, 6vw, 72px) 0 clamp(42px, 5vw, 64px) !important;
background:
linear-gradient(180deg, rgba(19, 33, 36, 0.92), rgba(15, 25, 27, 0.98)) !important;
background-color: rgba(19, 33, 36, 0.98) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .header-hero__content,
body.wp-child-theme-marnamic.tax-hp_listing_category .hp-listing-category__header {
max-width: 980px !important;
margin: 0 auto !important;
padding: 0 24px !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .header-hero .hp-listing-category__name {
width: auto !important;
max-width: none !important;
margin: 0 !important;
font-size: clamp(2.4rem, 5.4vw, 4rem) !important;
line-height: 1.02 !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .header-hero .hp-listing-category__count {
display: inline-flex !important;
min-height: 34px !important;
align-items: center !important;
margin: 0 0 22px !important;
padding: 0 12px !important;
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border: 0 !important;
border-radius: var(--marnamic-radius) !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic .site-content,
body.wp-child-theme-marnamic .content-area,
body.wp-child-theme-marnamic .site-main,
body.wp-child-theme-marnamic .hp-page,
body.wp-child-theme-marnamic .hp-page__content,
body.wp-child-theme-marnamic .entry-content {
color: var(--marnamic-cream) !important;
background: transparent !important;
background-image: none !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search,
body.wp-child-theme-marnamic .hp-form--vendor-search,
body.wp-child-theme-marnamic .hp-page__sidebar .hp-widget,
body.wp-child-theme-marnamic .widget--sidebar,
body.wp-child-theme-marnamic .hp-listing--view-block,
body.wp-child-theme-marnamic .hp-vendor--view-block,
body.wp-child-theme-marnamic .hp-listing-category--view-block,
body.wp-child-theme-marnamic .post--view-block,
body.wp-child-theme-marnamic .hp-listing__description,
body.wp-child-theme-marnamic .hp-vendor__description,
body.wp-child-theme-marnamic .hp-listing__attributes,
body.wp-child-theme-marnamic .hp-vendor__attributes,
body.wp-child-theme-marnamic .hp-review,
body.wp-child-theme-marnamic .comment,
body.wp-child-theme-marnamic .hp-modal,
body.wp-child-theme-marnamic .hp-modal__content,
body.wp-child-theme-marnamic .fancybox-content,
body.wp-child-theme-marnamic .woocommerce-message,
body.wp-child-theme-marnamic .woocommerce-info,
body.wp-child-theme-marnamic .woocommerce-error,
body.wp-child-theme-marnamic .hp-message:not(.hp-message--thread-block):not(.hp-message--view-block),
body.wp-child-theme-marnamic .hp-form__messages {
color: var(--marnamic-cream) !important;
background: rgba(24, 39, 43, 0.72) !important;
background-image: none !important;
border: 1px solid rgba(161, 192, 195, 0.2) !important;
border-radius: var(--marnamic-radius) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-form--listing-filter,
body.wp-child-theme-marnamic .hp-form--vendor-filter,
body.wp-child-theme-marnamic .hp-widget .hp-form,
body.wp-child-theme-marnamic .hp-widget .hp-form__fields,
body.wp-child-theme-marnamic .hp-widget .hp-form__field,
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget,
body.wp-child-theme-marnamic .hp-vendor__actions.hp-widget,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget,
body.wp-child-theme-marnamic .hp-vendor__actions--primary.hp-widget {
background: transparent !important;
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action),
body.wp-child-theme-marnamic .site-sidebar a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action),
body.wp-child-theme-marnamic .widget--sidebar a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action),
body.wp-child-theme-marnamic .hp-widget a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action) {
color: rgba(241, 233, 221, 0.78) !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action):hover,
body.wp-child-theme-marnamic .site-sidebar a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action):hover,
body.wp-child-theme-marnamic .widget--sidebar a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action):hover,
body.wp-child-theme-marnamic .hp-widget a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action):hover {
color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .widget_recent_comments .comment-author-link,
body.wp-child-theme-marnamic .widget_recent_comments .recentcomments,
body.wp-child-theme-marnamic .wp-block-latest-comments,
body.wp-child-theme-marnamic .wp-block-latest-comments__comment,
body.wp-child-theme-marnamic .wp-block-latest-comments__comment-author,
body.wp-child-theme-marnamic .wp-block-latest-comments__comment-link {
color: rgba(241, 233, 221, 0.78) !important;
}
body.wp-child-theme-marnamic .hp-vendors.hp-row,
body.wp-child-theme-marnamic .hp-listings.hp-row,
body.wp-child-theme-marnamic .hp-listing-categories.hp-row,
body.wp-child-theme-marnamic .hp-vendors > .hp-row,
body.wp-child-theme-marnamic .hp-listings > .hp-row,
body.wp-child-theme-marnamic .hp-listing-categories > .hp-row,
body.wp-child-theme-marnamic .hp-vendors .hp-row,
body.wp-child-theme-marnamic .hp-listings .hp-row,
body.wp-child-theme-marnamic .hp-listing-categories .hp-row {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)) !important;
gap: clamp(18px, 2.2vw, 28px) !important;
align-items: stretch !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .hp-vendors.hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-listings.hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-listing-categories.hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-vendors > .hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-listings > .hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-listing-categories > .hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-vendors .hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-listings .hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-listing-categories .hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-vendors.hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-listings.hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-listing-categories.hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-vendors > .hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-listings > .hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-listing-categories > .hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-vendors .hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-listings .hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-listing-categories .hp-row > [class*="hp-col"] {
display: flex !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
flex: initial !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .hp-vendors.hp-row > * > .hp-vendor--view-block,
body.wp-child-theme-marnamic .hp-listings.hp-row > * > .hp-listing--view-block,
body.wp-child-theme-marnamic .hp-listing-categories.hp-row > * > .hp-listing-category--view-block,
body.wp-child-theme-marnamic .hp-vendors > .hp-row > * > .hp-vendor--view-block,
body.wp-child-theme-marnamic .hp-listings > .hp-row > * > .hp-listing--view-block,
body.wp-child-theme-marnamic .hp-listing-categories > .hp-row > * > .hp-listing-category--view-block,
body.wp-child-theme-marnamic .hp-vendors .hp-row > * > .hp-vendor--view-block,
body.wp-child-theme-marnamic .hp-listings .hp-row > * > .hp-listing--view-block,
body.wp-child-theme-marnamic .hp-listing-categories .hp-row > * > .hp-listing-category--view-block {
width: 100% !important;
min-height: 100% !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search,
body.wp-child-theme-marnamic .hp-form--vendor-search {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(184px, auto) !important;
gap: 14px !important;
align-items: stretch !important;
padding: 12px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__fields {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
gap: 12px !important;
align-items: stretch !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--listing-filter .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--vendor-filter .hp-form__field--location {
width: 100% !important;
min-width: min(100%, 280px) !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field--location {
grid-column: span 2;
}
body.wp-child-theme-marnamic input[type="text"],
body.wp-child-theme-marnamic input[type="search"],
body.wp-child-theme-marnamic input[type="email"],
body.wp-child-theme-marnamic input[type="password"],
body.wp-child-theme-marnamic input[type="number"],
body.wp-child-theme-marnamic input[type="url"],
body.wp-child-theme-marnamic input[type="tel"],
body.wp-child-theme-marnamic input[type="date"],
body.wp-child-theme-marnamic input[type="time"],
body.wp-child-theme-marnamic input[type="datetime-local"],
body.wp-child-theme-marnamic input[type="month"],
body.wp-child-theme-marnamic input[type="week"],
body.wp-child-theme-marnamic textarea,
body.wp-child-theme-marnamic select,
body.wp-child-theme-marnamic .hp-field--location,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple {
width: 100% !important;
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.88) !important;
background-image: none !important;
border: 1px solid var(--marnamic-control-border) !important;
border-radius: var(--marnamic-radius) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic input[type="text"],
body.wp-child-theme-marnamic input[type="search"],
body.wp-child-theme-marnamic input[type="email"],
body.wp-child-theme-marnamic input[type="password"],
body.wp-child-theme-marnamic input[type="number"],
body.wp-child-theme-marnamic input[type="url"],
body.wp-child-theme-marnamic input[type="tel"]:not(.iti__tel-input),
body.wp-child-theme-marnamic input[type="date"],
body.wp-child-theme-marnamic input[type="time"],
body.wp-child-theme-marnamic input[type="datetime-local"],
body.wp-child-theme-marnamic input[type="month"],
body.wp-child-theme-marnamic input[type="week"],
body.wp-child-theme-marnamic select,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single {
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
padding: 0 18px !important;
line-height: normal !important;
} body.wp-child-theme-marnamic input.iti__tel-input {
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
padding-top: 0 !important;
padding-right: 18px !important;
padding-bottom: 0 !important;
line-height: normal !important;
}
body.wp-child-theme-marnamic textarea {
min-height: 132px !important;
padding: 16px 18px !important;
line-height: 1.55 !important;
}
body.wp-child-theme-marnamic .hp-field--location,
body.wp-child-theme-marnamic .hp-form__field--location > .hp-field--location,
body.wp-child-theme-marnamic .hp-form__field--location > div[data-component="location"] {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr);
min-height: var(--marnamic-control-height) !important;
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic input:focus,
body.wp-child-theme-marnamic textarea:focus,
body.wp-child-theme-marnamic select:focus,
body.wp-child-theme-marnamic .hp-field--location:focus-within,
body.wp-child-theme-marnamic .select2-container--default.select2-container--focus .select2-selection--single,
body.wp-child-theme-marnamic .select2-container--default.select2-container--focus .select2-selection--multiple,
body.wp-child-theme-marnamic .select2-container--default.select2-container--open .select2-selection--single,
body.wp-child-theme-marnamic .select2-container--default.select2-container--open .select2-selection--multiple {
background: rgba(15, 25, 27, 0.96) !important;
border-color: rgba(231, 253, 135, 0.62) !important;
box-shadow: 0 0 0 2px rgba(231, 253, 135, 0.16) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic .hp-field--location input[type="text"],
body.wp-child-theme-marnamic .hp-form__field--location input[type="text"],
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search__field {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-field--location input[type="text"],
body.wp-child-theme-marnamic .hp-form__field--location input[type="text"] {
height: calc(var(--marnamic-control-height) - 2px) !important;
min-height: 0 !important;
padding: 0 56px 0 18px !important;
line-height: calc(var(--marnamic-control-height) - 2px) !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-field--location a,
body.wp-child-theme-marnamic .hp-form__field--location a {
position: absolute !important;
top: 50% !important;
right: 8px !important;
display: inline-flex !important;
width: 38px !important;
height: 38px !important;
min-height: 0 !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: var(--marnamic-mint) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: translateY(-50%) !important;
z-index: 2;
}
body.wp-child-theme-marnamic .hp-field--location a i,
body.wp-child-theme-marnamic .hp-field--location a svg,
body.wp-child-theme-marnamic .hp-form__field--location a i,
body.wp-child-theme-marnamic .hp-form__field--location a svg {
font-size: 0.95em !important;
max-width: 20px !important;
max-height: 20px !important;
}
body.wp-child-theme-marnamic select.select2-hidden-accessible,
body.wp-child-theme-marnamic .select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
min-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
color: transparent !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-form .select2-container,
body.wp-child-theme-marnamic .hp-widget .select2-container,
body.wp-child-theme-marnamic .hp-modal .select2-container {
width: 100% !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic > .select2-container--open {
max-width: calc(100vw - 32px) !important;
}
@media (max-width: 452px) {
body.wp-child-theme-marnamic > .select2-container--open,
body.wp-child-theme-marnamic .select2-dropdown,
body.wp-child-theme-marnamic .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic .select2-results,
body.wp-child-theme-marnamic .select2-results > .select2-results__options {
max-width: calc(100vw - 32px) !important;
}
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single {
position: relative !important;
display: flex !important;
align-items: center !important;
overflow: hidden !important;
padding: 0 var(--marnamic-control-icon-space) 0 var(--marnamic-control-padding-x) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__rendered {
display: block !important;
width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
color: var(--marnamic-cream) !important;
line-height: normal !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: rgba(241, 233, 221, 0.58) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute !important;
top: 0 !important;
right: var(--marnamic-control-padding-x) !important;
bottom: 0 !important;
display: flex !important;
width: 18px !important;
height: 100% !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
pointer-events: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow::before {
content: "" !important;
display: block !important;
width: 9px !important;
height: 9px !important;
margin-top: -4px !important;
border: solid var(--marnamic-mint) !important;
border-width: 0 2px 2px 0 !important;
opacity: 0.95 !important;
transform: rotate(45deg) !important;
transform-origin: center !important;
}
body.wp-child-theme-marnamic .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
margin-top: 4px !important;
transform: rotate(225deg) !important;
}
body.wp-child-theme-marnamic .select2-dropdown,
body.wp-child-theme-marnamic .select2-results,
body.wp-child-theme-marnamic .select2-results > .select2-results__options {
color: var(--marnamic-cream) !important;
background: var(--marnamic-panel) !important;
border-color: var(--marnamic-border) !important;
}
body.wp-child-theme-marnamic .select2-results__option,
body.wp-child-theme-marnamic .select2-container--default .select2-results__option {
color: rgba(241, 233, 221, 0.88) !important;
background: transparent !important;
}
body.wp-child-theme-marnamic .select2-results__option--highlighted[aria-selected],
body.wp-child-theme-marnamic .select2-results__option--highlighted.select2-results__option--selectable,
body.wp-child-theme-marnamic .select2-results__option[aria-selected="true"],
body.wp-child-theme-marnamic .select2-results__option--selected {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple {
display: flex !important;
align-items: center !important;
min-height: var(--marnamic-control-height) !important;
padding: 8px 12px !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__rendered {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 6px;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search--inline,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search--inline {
flex: 1 1 120px;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search__field {
width: 100% !important;
min-width: 0 !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-cream) !important;
caret-color: var(--marnamic-lime);
line-height: 40px !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic .button,
body.wp-child-theme-marnamic .hp-button,
body.wp-child-theme-marnamic .hp-form__button,
body.wp-child-theme-marnamic .hp-field__button,
body.wp-child-theme-marnamic .hp-listing__action,
body.wp-child-theme-marnamic .hp-vendor__action,
body.wp-child-theme-marnamic .hp-listing__actions .hp-link,
body.wp-child-theme-marnamic .hp-vendor__actions .hp-link,
body.wp-child-theme-marnamic button[type="submit"]:not(.gm-control-active),
body.wp-child-theme-marnamic input[type="submit"],
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic .wp-element-button,
body.wp-child-theme-marnamic .wp-block-button__link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
min-height: var(--marnamic-button-height);
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.86) !important;
border: 1px solid rgba(161, 192, 195, 0.34) !important;
border-radius: var(--marnamic-radius) !important;
font-weight: 600 !important;
box-shadow: none !important;
opacity: 1 !important;
text-decoration: none !important;
text-shadow: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic .button--primary,
body.wp-child-theme-marnamic .button-primary,
body.wp-child-theme-marnamic .hp-button--primary,
body.wp-child-theme-marnamic .hp-form__button,
body.wp-child-theme-marnamic .hp-field__button,
body.wp-child-theme-marnamic button[type="submit"]:not(.gm-control-active),
body.wp-child-theme-marnamic input[type="submit"],
body.wp-child-theme-marnamic .hp-listing__actions--primary .button,
body.wp-child-theme-marnamic .hp-vendor__actions--primary .button,
body.wp-child-theme-marnamic .hp-listing__action--reply,
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic .wp-element-button,
body.wp-child-theme-marnamic .wp-block-button__link {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a {
min-height: var(--marnamic-button-height) !important;
padding: 0 var(--marnamic-button-padding-x) !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 600 !important;
}
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a *,
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a::before,
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a::after,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a *,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a::before,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a::after {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic .hp-field--submit:not(button):not(input):not(a),
body.wp-child-theme-marnamic .hp-form__field--submit,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit:not(a):not(button) {
display: block !important;
min-height: 0 !important;
padding: 0 !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field--submit,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field--submit {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__button,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__button,
body.wp-child-theme-marnamic .hp-form--listing-search button[type="submit"],
body.wp-child-theme-marnamic .hp-form--vendor-search button[type="submit"] {
width: 100% !important;
height: var(--marnamic-button-height) !important;
min-height: var(--marnamic-button-height) !important;
padding: 0 var(--marnamic-button-padding-x) !important;
}
body.wp-child-theme-marnamic .hp-page__topbar,
body.wp-child-theme-marnamic .hp-page__topbar--separate {
display: flex !important;
align-items: center !important;
gap: 14px 24px !important;
}
body.wp-child-theme-marnamic .hp-page__topbar .hp-result-count {
display: inline-flex !important;
min-height: var(--marnamic-control-height) !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort,
body.wp-child-theme-marnamic .hp-form--vendor-sort {
display: flex !important;
align-items: center !important;
gap: 16px !important;
margin: 0 !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--vendor-sort .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--listing-sort .hp-form__field,
body.wp-child-theme-marnamic .hp-form--vendor-sort .hp-form__field {
display: flex !important;
align-items: center !important;
gap: 16px !important;
margin: 0 !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort .hp-form__label,
body.wp-child-theme-marnamic .hp-form--vendor-sort .hp-form__label,
body.wp-child-theme-marnamic .hp-form--listing-sort .hp-field__label,
body.wp-child-theme-marnamic .hp-form--vendor-sort .hp-field__label {
margin: 0 !important;
color: rgba(241, 233, 221, 0.66) !important;
font-family: var(--marnamic-font-body) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container {
width: 180px !important;
min-width: 180px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single {
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
max-height: var(--marnamic-control-height) !important;
padding-left: 18px !important;
padding-right: 52px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single .select2-selection__rendered,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single .select2-selection__arrow,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 18px !important;
}
body.wp-child-theme-marnamic .hp-button--mobile,
body.wp-child-theme-marnamic .hp-button--vendor-filter,
body.wp-child-theme-marnamic .hp-button--listing-filter {
width: auto !important;
min-height: var(--marnamic-button-height) !important;
padding: 0 18px !important;
}
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > a,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > button {
display: inline-flex !important;
min-height: var(--marnamic-button-height) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border: 1px solid var(--marnamic-lime) !important;
border-radius: var(--marnamic-radius) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > a:hover,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > button:hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic .button--secondary,
body.wp-child-theme-marnamic .hp-listing__action--message,
body.wp-child-theme-marnamic .hp-vendor__action--message,
body.wp-child-theme-marnamic a[title*="Nachricht"],
body.wp-child-theme-marnamic a[aria-label*="Nachricht"],
body.wp-child-theme-marnamic a[title*="Message"],
body.wp-child-theme-marnamic a[aria-label*="Message"] {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.88) !important;
border-color: rgba(161, 192, 195, 0.38) !important;
}
body.wp-child-theme-marnamic .button:hover,
body.wp-child-theme-marnamic .hp-button:hover,
body.wp-child-theme-marnamic .hp-form__button:hover,
body.wp-child-theme-marnamic .hp-field__button:hover,
body.wp-child-theme-marnamic .hp-listing__action:hover,
body.wp-child-theme-marnamic .hp-vendor__action:hover,
body.wp-child-theme-marnamic .hp-listing__actions .hp-link:hover,
body.wp-child-theme-marnamic .hp-vendor__actions .hp-link:hover,
body.wp-child-theme-marnamic button[type="submit"]:not(.gm-control-active):hover,
body.wp-child-theme-marnamic input[type="submit"]:hover,
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a:hover,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a:hover,
body.wp-child-theme-marnamic .wp-element-button:hover,
body.wp-child-theme-marnamic .wp-block-button__link:hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
box-shadow: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic button:disabled:not(.gm-control-active),
body.wp-child-theme-marnamic button[disabled]:not(.gm-control-active),
body.wp-child-theme-marnamic button[data-disabled="true"]:not(.gm-control-active),
body.wp-child-theme-marnamic input[type="submit"]:disabled,
body.wp-child-theme-marnamic input[type="submit"][disabled],
body.wp-child-theme-marnamic input[type="submit"][data-disabled="true"],
body.wp-child-theme-marnamic .button:disabled,
body.wp-child-theme-marnamic .button[disabled],
body.wp-child-theme-marnamic .button[data-disabled="true"],
body.wp-child-theme-marnamic .button.is-disabled,
body.wp-child-theme-marnamic .button.hp-state--disabled,
body.wp-child-theme-marnamic .button.button--disabled,
body.wp-child-theme-marnamic .hp-button:disabled,
body.wp-child-theme-marnamic .hp-button[disabled],
body.wp-child-theme-marnamic .hp-button[data-disabled="true"],
body.wp-child-theme-marnamic .hp-button.is-disabled,
body.wp-child-theme-marnamic .hp-button.hp-state--disabled,
body.wp-child-theme-marnamic .hp-button.hp-button--disabled,
body.wp-child-theme-marnamic .hp-form__button:disabled,
body.wp-child-theme-marnamic .hp-form__button[disabled],
body.wp-child-theme-marnamic .hp-form__button[data-disabled="true"],
body.wp-child-theme-marnamic .hp-form__button.is-disabled,
body.wp-child-theme-marnamic .hp-form__button.hp-state--disabled,
body.wp-child-theme-marnamic .button[aria-disabled="true"],
body.wp-child-theme-marnamic .hp-button[aria-disabled="true"],
body.wp-child-theme-marnamic .hp-form__button[aria-disabled="true"] {
color: rgba(241, 233, 221, 0.82) !important;
background: rgba(15, 25, 27, 0.78) !important;
border-color: rgba(161, 192, 195, 0.34) !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic .button i,
body.wp-child-theme-marnamic .button i::before,
body.wp-child-theme-marnamic .button .hp-icon,
body.wp-child-theme-marnamic .button .hp-icon::before,
body.wp-child-theme-marnamic .button svg,
body.wp-child-theme-marnamic .button svg *,
body.wp-child-theme-marnamic .hp-button i,
body.wp-child-theme-marnamic .hp-button i::before,
body.wp-child-theme-marnamic .hp-button .hp-icon,
body.wp-child-theme-marnamic .hp-button .hp-icon::before,
body.wp-child-theme-marnamic .hp-button svg,
body.wp-child-theme-marnamic .hp-button svg *,
body.wp-child-theme-marnamic .hp-form__button i,
body.wp-child-theme-marnamic .hp-form__button i::before,
body.wp-child-theme-marnamic .hp-form__button .hp-icon,
body.wp-child-theme-marnamic .hp-form__button .hp-icon::before,
body.wp-child-theme-marnamic .hp-form__button svg,
body.wp-child-theme-marnamic .hp-form__button svg *,
body.wp-child-theme-marnamic .hp-listing__action i,
body.wp-child-theme-marnamic .hp-listing__action i::before,
body.wp-child-theme-marnamic .hp-listing__action .hp-icon,
body.wp-child-theme-marnamic .hp-listing__action .hp-icon::before,
body.wp-child-theme-marnamic .hp-listing__action svg,
body.wp-child-theme-marnamic .hp-listing__action svg *,
body.wp-child-theme-marnamic .hp-vendor__action i,
body.wp-child-theme-marnamic .hp-vendor__action i::before,
body.wp-child-theme-marnamic .hp-vendor__action .hp-icon,
body.wp-child-theme-marnamic .hp-vendor__action .hp-icon::before,
body.wp-child-theme-marnamic .hp-vendor__action svg,
body.wp-child-theme-marnamic .hp-vendor__action svg * {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic .hp-listing__title i,
body.wp-child-theme-marnamic .hp-listing__title i::before,
body.wp-child-theme-marnamic .hp-vendor__name i,
body.wp-child-theme-marnamic .hp-vendor__name i::before,
body.wp-child-theme-marnamic .hp-listing__title .hp-icon,
body.wp-child-theme-marnamic .hp-listing__title .hp-icon::before,
body.wp-child-theme-marnamic .hp-vendor__name .hp-icon,
body.wp-child-theme-marnamic .hp-vendor__name .hp-icon::before,
body.wp-child-theme-marnamic .hp-listing__verified-badge,
body.wp-child-theme-marnamic .hp-vendor__verified-badge,
body.wp-child-theme-marnamic .hp-listing__featured-badge {
color: var(--marnamic-lime) !important;
fill: var(--marnamic-lime) !important;
stroke: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .hp-listing__action--message,
body.wp-child-theme-marnamic .hp-vendor__action--message,
body.wp-child-theme-marnamic .hp-listing__action--favorite,
body.wp-child-theme-marnamic .hp-vendor__action--favorite {
color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--message,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__action--message {
width: var(--marnamic-compact-button-height) !important;
min-width: var(--marnamic-compact-button-height) !important;
height: var(--marnamic-compact-button-height) !important;
min-height: var(--marnamic-compact-button-height) !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar .hp-listing__action--message,
body.wp-child-theme-marnamic .hp-page__sidebar .hp-vendor__action--message,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__action--message,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__action--message {
display: inline-flex !important;
width: 100% !important;
min-width: 0 !important;
height: var(--marnamic-button-height) !important;
min-height: var(--marnamic-button-height) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
text-align: center !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar .hp-listing__action--message:hover,
body.wp-child-theme-marnamic .hp-page__sidebar .hp-vendor__action--message:hover,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__action--message:hover,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__action--message:hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
} body.wp-child-theme-marnamic {
--marnamic-button-height: var(--marnamic-control-height);
--marnamic-compact-button-height: 40px;
--marnamic-button-padding-x: 16px;
--marnamic-button-gap: 8px;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button,
.hp-page__sidebar .hp-listing__action--message,
.hp-page__sidebar .hp-vendor__action--message
) {
display: inline-flex !important;
height: var(--marnamic-button-height) !important;
min-height: var(--marnamic-button-height) !important;
align-items: center !important;
justify-content: center !important;
gap: var(--marnamic-button-gap) !important;
padding: 0 var(--marnamic-button-padding-x) !important;
border-width: 1px !important;
border-style: solid !important;
border-radius: var(--marnamic-radius) !important;
font-family: var(--marnamic-font-body) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-decoration: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
text-shadow: none !important;
box-shadow: none !important;
opacity: 1 !important;
transform: none !important;
transition:
background-color 0.16s ease,
border-color 0.16s ease,
color 0.16s ease !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button
) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button
)::before,
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button
)::after {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic :is(
.button--primary,
.button-primary,
.hp-button--primary,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-listing__action--reply,
.hp-page__sidebar .hp-listing__action--message,
.hp-page__sidebar .hp-vendor__action--message
) {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic :is(
.button--primary,
.button-primary,
.hp-button--primary,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-listing__action--reply,
.hp-page__sidebar .hp-listing__action--message,
.hp-page__sidebar .hp-vendor__action--message
):hover,
body.wp-child-theme-marnamic :is(
.button--primary,
.button-primary,
.hp-button--primary,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-listing__action--reply,
.hp-page__sidebar .hp-listing__action--message,
.hp-page__sidebar .hp-vendor__action--message
):focus-visible {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic :is(
.button--secondary,
.hp-button--secondary,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
) {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.86) !important;
border-color: rgba(161, 192, 195, 0.38) !important;
}
body.wp-child-theme-marnamic :is(
.button--secondary,
.hp-button--secondary,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
):hover,
body.wp-child-theme-marnamic :is(
.button--secondary,
.hp-button--secondary,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
):focus-visible {
color: var(--marnamic-lime) !important;
background: rgba(15, 25, 27, 0.96) !important;
border-color: rgba(231, 253, 135, 0.56) !important;
}
body.wp-child-theme-marnamic .hp-menu--site-header .hp-menu__item--listing-submit.button,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > a,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > button {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .hp-menu--site-header .hp-menu__item--listing-submit.button:hover,
body.wp-child-theme-marnamic .hp-menu--site-header .hp-menu__item--listing-submit.button:focus-visible,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > a:hover,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > a:focus-visible,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > button:hover,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > button:focus-visible {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block :is(.hp-listing__action--message, .hp-listing__action--favorite, .hp-listing__actions .hp-link),
body.wp-child-theme-marnamic .hp-vendor--view-block :is(.hp-vendor__action--message, .hp-vendor__action--favorite, .hp-vendor__actions .hp-link) {
flex: 0 0 var(--marnamic-button-height) !important;
width: var(--marnamic-button-height) !important;
min-width: var(--marnamic-button-height) !important;
height: var(--marnamic-button-height) !important;
min-height: var(--marnamic-button-height) !important;
padding: 0 !important;
color: var(--marnamic-lime) !important;
background: rgba(15, 25, 27, 0.86) !important;
border-color: rgba(161, 192, 195, 0.34) !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block :is(.hp-listing__action--message, .hp-listing__action--favorite, .hp-listing__actions .hp-link):hover,
body.wp-child-theme-marnamic .hp-vendor--view-block :is(.hp-vendor__action--message, .hp-vendor__action--favorite, .hp-vendor__actions .hp-link):hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic .hp-listing__action--favorite[data-state="active"],
body.wp-child-theme-marnamic .hp-listing__action--favorite[aria-pressed="true"],
body.wp-child-theme-marnamic .hp-listing__action--favorite.hp-listing__action--active,
body.wp-child-theme-marnamic :is(.button, .hp-button, .hp-form__button, .hp-field__button, .hp-listing__action, .hp-vendor__action, .combined-map-wrapper .map-filter-btn):is([aria-pressed="true"], [data-state="active"], .is-active):not([aria-disabled="true"]):not([data-disabled="true"]):not(:disabled),
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite[data-state="active"],
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite[aria-pressed="true"],
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite.hp-listing__action--active {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .hp-listing__action--favorite[data-state="active"]:hover,
body.wp-child-theme-marnamic .hp-listing__action--favorite[data-state="active"]:focus-visible,
body.wp-child-theme-marnamic .hp-listing__action--favorite[aria-pressed="true"]:hover,
body.wp-child-theme-marnamic .hp-listing__action--favorite[aria-pressed="true"]:focus-visible,
body.wp-child-theme-marnamic .hp-listing__action--favorite.hp-listing__action--active:hover,
body.wp-child-theme-marnamic .hp-listing__action--favorite.hp-listing__action--active:focus-visible,
body.wp-child-theme-marnamic :is(.button, .hp-button, .hp-form__button, .hp-field__button, .hp-listing__action, .hp-vendor__action, .combined-map-wrapper .map-filter-btn):is([aria-pressed="true"], [data-state="active"], .is-active):not([aria-disabled="true"]):not([data-disabled="true"]):not(:disabled):hover,
body.wp-child-theme-marnamic :is(.button, .hp-button, .hp-form__button, .hp-field__button, .hp-listing__action, .hp-vendor__action, .combined-map-wrapper .map-filter-btn):is([aria-pressed="true"], [data-state="active"], .is-active):not([aria-disabled="true"]):not([data-disabled="true"]):not(:disabled):focus-visible,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite[data-state="active"]:hover,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite[data-state="active"]:focus-visible,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite[aria-pressed="true"]:hover,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite[aria-pressed="true"]:focus-visible,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite.hp-listing__action--active:hover,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite.hp-listing__action--active:focus-visible {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):disabled,
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
)[disabled],
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
)[data-disabled="true"],
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link
)[aria-disabled="true"],
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link
):is(.disabled, .is-disabled, .hp-state--disabled, .hp-button--disabled, .button--disabled) {
color: rgba(241, 233, 221, 0.72) !important;
background: rgba(15, 25, 27, 0.72) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__actions,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__actions,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__actions--primary,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__actions--primary,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__actions--secondary,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__actions--secondary {
display: flex !important;
align-items: center !important;
gap: 14px !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--message,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__action--message,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__action--favorite,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__actions .hp-link,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__actions .hp-link {
flex: 0 0 var(--marnamic-button-height) !important;
width: var(--marnamic-button-height) !important;
min-width: var(--marnamic-button-height) !important;
height: var(--marnamic-button-height) !important;
min-height: var(--marnamic-button-height) !important;
padding: 0 !important;
font-size: 0.95rem !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .hp-vendor__actions a.hp-vendor__action--favorite[data-component="toggle"][href="#"]:not([data-url]),
body.wp-child-theme-marnamic .hp-vendor__action--favorite[href="#"]:not([data-url]) {
display: none !important;
}
body.wp-child-theme-marnamic .hp-listing-category--view-block {
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .hp-listing-category__image {
display: block !important;
min-height: 0 !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-listing-category__image a,
body.wp-child-theme-marnamic .hp-listing-category__image img {
display: block !important;
width: 100% !important;
max-width: none !important;
min-height: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-listing-category__image a {
aspect-ratio: 16 / 10 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .hp-listing-category__image img {
height: 100% !important;
object-fit: cover !important;
filter: saturate(0.92) contrast(0.96) brightness(0.82);
}
body.wp-child-theme-marnamic .hp-listing-category--view-block:hover .hp-listing-category__image img {
transform: none !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__image,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 172px !important;
padding: 30px 22px 18px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__image a,
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__image,
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__image a {
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__image a {
display: flex !important;
width: min(58%, 190px) !important;
min-width: 150px !important;
min-height: 150px !important;
aspect-ratio: 1 / 1 !important;
align-items: center !important;
justify-content: center !important;
padding: 16px !important;
background: var(--marnamic-logo-tile) !important;
border: 0 !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__content {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
padding: 0 clamp(22px, 3vw, 34px) clamp(24px, 3vw, 34px) !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__name {
margin: 0 0 18px !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__location {
width: 100% !important;
max-width: 34rem !important;
justify-content: center !important;
gap: 12px !important;
margin: 0 auto 22px !important;
text-align: left !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__location i {
flex: 0 0 auto !important;
margin-top: 0.22em !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__location a {
display: -webkit-box !important;
max-width: 100% !important;
overflow: hidden !important;
color: rgba(241, 233, 221, 0.76) !important;
line-height: 1.35 !important;
overflow-wrap: anywhere !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__registered-date {
margin-bottom: 24px !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__description {
width: 100% !important;
max-width: 36rem !important;
margin: 0 auto !important;
padding: 0 !important;
color: rgba(241, 233, 221, 0.8) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 1rem !important;
line-height: 1.72 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__description p {
max-width: none !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__image img {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
max-height: 100% !important;
padding: 0 !important;
object-fit: contain !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__image img {
width: auto !important;
max-width: min(86%, 280px) !important;
max-height: 150px !important;
padding: 12px !important;
object-fit: contain !important;
background: var(--marnamic-logo-tile) !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image img:not([src*="placeholders"]),
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing--view-page .hp-listing__images img,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing--view-page .hp-listing__image img {
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image > a {
width: 100% !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image a:has(img[src*="placeholder"]) {
position: relative !important;
display: grid !important;
place-items: center !important;
width: 100% !important;
min-height: 132px !important;
background: rgba(15, 25, 27, 0.56) !important;
border: 0 !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image a:has(img[src*="placeholder"])::before {
content: "";
display: none !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image .hp-block__placeholder,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image a:has(.hp-block__placeholder) {
display: grid !important;
width: 100% !important;
min-height: 132px !important;
place-items: center !important;
background: rgba(15, 25, 27, 0.56) !important;
border: 0 !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image .hp-block__placeholder span,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image .hp-block__placeholder i,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image .hp-block__placeholder svg {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
opacity: 0 !important;
pointer-events: none;
}
body.wp-child-theme-marnamic .hp-listing__description,
body.wp-child-theme-marnamic .hp-vendor__description,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__description,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__description {
padding: clamp(24px, 3.4vw, 38px) !important;
color: rgba(241, 233, 221, 0.82) !important;
font-size: clamp(1rem, 0.92vw, 1.06rem) !important;
line-height: 1.76 !important;
overflow-wrap: anywhere !important;
}
body.wp-child-theme-marnamic .hp-listing__description > *,
body.wp-child-theme-marnamic .hp-vendor__description > *,
body.wp-child-theme-marnamic .hp-listing__attributes > *,
body.wp-child-theme-marnamic .hp-vendor__attributes > * {
margin-top: 0 !important;
}
body.wp-child-theme-marnamic .hp-listing__description > * + *,
body.wp-child-theme-marnamic .hp-vendor__description > * + *,
body.wp-child-theme-marnamic .hp-listing__attributes > * + *,
body.wp-child-theme-marnamic .hp-vendor__attributes > * + * {
margin-top: 1em !important;
}
body.wp-child-theme-marnamic .hp-listing__description p,
body.wp-child-theme-marnamic .hp-vendor__description p,
body.wp-child-theme-marnamic .hp-listing__description li,
body.wp-child-theme-marnamic .hp-vendor__description li {
max-width: 72ch;
color: inherit !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__images,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__image,
body.wp-child-theme-marnamic.hp-template--listing-view-page .slick-list,
body.wp-child-theme-marnamic.hp-template--listing-view-page .slick-track {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block:hover,
body.wp-child-theme-marnamic .hp-vendor--view-block:hover,
body.wp-child-theme-marnamic .hp-listing-category--view-block:hover,
body.wp-child-theme-marnamic .post--view-block:hover,
body.wp-child-theme-marnamic .hp-vendor--view-block:hover .hp-vendor__image a,
body.wp-child-theme-marnamic .hp-listing--view-block:hover .hp-listing__image a,
body.wp-child-theme-marnamic .hp-listing--view-page .slick-prev,
body.wp-child-theme-marnamic .hp-listing--view-page .slick-next {
box-shadow: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic .hp-listing__footer,
body.wp-child-theme-marnamic .hp-vendor__footer,
body.wp-child-theme-marnamic .hp-listing__actions,
body.wp-child-theme-marnamic .hp-vendor__actions,
body.wp-child-theme-marnamic .hp-listing__actions--primary,
body.wp-child-theme-marnamic .hp-vendor__actions--primary,
body.wp-child-theme-marnamic .hp-listing__actions--secondary,
body.wp-child-theme-marnamic .hp-vendor__actions--secondary {
background-image: none !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-controls {
gap: 8px !important;
padding: 8px !important;
background: rgba(15, 25, 27, 0.82) !important;
border: 1px solid rgba(161, 192, 195, 0.24) !important;
border-radius: var(--marnamic-radius) !important;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.16) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
min-height: 42px;
color: var(--marnamic-cream) !important;
background: transparent !important;
border: 1px solid rgba(161, 192, 195, 0.26) !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn:hover,
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn.active {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .cluster {
color: var(--marnamic-dark) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 600 !important;
}
body.wp-child-theme-marnamic table,
body.wp-child-theme-marnamic .wp-block-table,
body.wp-child-theme-marnamic .shop_table {
width: 100%;
color: var(--marnamic-cream) !important;
background: rgba(24, 39, 43, 0.58) !important;
border: 1px solid rgba(161, 192, 195, 0.2) !important;
border-radius: var(--marnamic-radius) !important;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
}
body.wp-child-theme-marnamic th,
body.wp-child-theme-marnamic td,
body.wp-child-theme-marnamic table th,
body.wp-child-theme-marnamic table td {
color: var(--marnamic-cream) !important;
background: transparent !important;
border-color: rgba(161, 192, 195, 0.16) !important;
}
body.wp-child-theme-marnamic thead th,
body.wp-child-theme-marnamic table thead th {
color: rgba(241, 233, 221, 0.68) !important;
background: rgba(15, 25, 27, 0.5) !important;
font-weight: 600 !important;
}
body.wp-child-theme-marnamic :is(
[style*="background-color: #fff"],
[style*="background-color:#fff"],
[style*="background-color: #ffffff"],
[style*="background-color:#ffffff"],
[style*="background-color: #FFFBF3"],
[style*="background-color:#FFFBF3"],
[style*="background-color: #fffbf3"],
[style*="background-color:#fffbf3"],
[style*="background-color: rgb(255"],
[style*="background-color:rgb(255"],
[style*="background-color: white"],
[style*="background: #fff"],
[style*="background:#fff"],
[style*="background: #ffffff"],
[style*="background:#ffffff"],
[style*="background: #FFFBF3"],
[style*="background:#FFFBF3"],
[style*="background: #fffbf3"],
[style*="background:#fffbf3"],
[style*="background: rgb(255"],
[style*="background:rgb(255"],
[style*="background: white"]
):not(input):not(textarea):not(select):not(option):not(button):not(.button):not(.hp-button):not(.hp-field__button):not(.wp-element-button):not(.wp-block-button__link):not(.hp-field--location):not(.select2-selection):not(.select2-dropdown):not(.select2-results__option):not(img) {
color: var(--marnamic-cream) !important;
background: rgba(24, 39, 43, 0.78) !important;
background-image: none !important;
border-color: rgba(161, 192, 195, 0.2) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic :is(
[style*="color: #000"],
[style*="color:#000"],
[style*="color: #000000"],
[style*="color:#000000"],
[style*="color: rgb(0"],
[style*="color:rgb(0"],
[style*="color: black"]
):not(input):not(textarea):not(select):not(option):not(button):not(.button):not(.hp-button):not(.hp-field__button):not(.wp-element-button):not(.wp-block-button__link):not(.select2-selection__rendered):not(.select2-results__option) {
color: var(--marnamic-cream) !important;
} body.wp-child-theme-marnamic .hp-form--listing-search,
body.wp-child-theme-marnamic .hp-form--vendor-search {
grid-template-columns: minmax(0, 1fr) minmax(160px, 180px) !important;
align-items: center !important;
gap: 14px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__fields {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
align-items: center !important;
gap: 14px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field {
min-width: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field--location {
grid-column: auto !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field--submit,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field--submit {
width: 100% !important;
min-width: 0 !important;
align-self: center !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search input[type="text"],
body.wp-child-theme-marnamic .hp-form--listing-search input[type="search"],
body.wp-child-theme-marnamic .hp-form--vendor-search input[type="text"],
body.wp-child-theme-marnamic .hp-form--vendor-search input[type="search"] {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-form--vendor-search .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single {
display: flex !important;
align-items: center !important;
padding: 0 44px 0 18px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .select2-container--default .select2-selection--single .select2-selection__rendered,
body.wp-child-theme-marnamic .hp-form--vendor-search .select2-container--default .select2-selection--single .select2-selection__rendered,
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single .select2-selection__rendered,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
min-width: 0 !important;
max-width: 100% !important;
padding: 0 !important;
line-height: 1.15 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .select2-container--default .select2-selection--single .select2-selection__arrow,
body.wp-child-theme-marnamic .hp-form--vendor-search .select2-container--default .select2-selection--single .select2-selection__arrow,
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single .select2-selection__arrow,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 18px !important;
width: 18px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__button,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__button,
body.wp-child-theme-marnamic .hp-form--listing-search button[type="submit"],
body.wp-child-theme-marnamic .hp-form--vendor-search button[type="submit"] {
width: 100% !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
min-width: 118px !important;
padding-inline: 16px !important;
white-space: nowrap !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic .hp-button--mobile,
body.wp-child-theme-marnamic .hp-button--vendor-filter,
body.wp-child-theme-marnamic .hp-button--listing-filter {
display: none !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic .container,
body.wp-child-theme-marnamic .header-navbar,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .content-area,
body.wp-child-theme-marnamic.hp-template--listings-view-page .content-area,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .content-area,
body.wp-child-theme-marnamic.hp-template--listing-view-page .content-area {
width: min(100% - 24px, 1180px) !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search,
body.wp-child-theme-marnamic .hp-form--vendor-search,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__fields,
body.wp-child-theme-marnamic .hp-page__topbar,
body.wp-child-theme-marnamic .hp-page__topbar--separate {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field--location {
grid-column: auto !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar {
position: static !important;
top: auto !important;
width: 100% !important;
}
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic h1,
body.wp-child-theme-marnamic .hp-page__title,
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__title,
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__name {
font-size: clamp(2.125rem, 6vw, 2.625rem) !important;
line-height: 1.08 !important;
}
body.wp-child-theme-marnamic .hp-vendors.hp-row,
body.wp-child-theme-marnamic .hp-listings.hp-row,
body.wp-child-theme-marnamic .hp-listing-categories.hp-row,
body.wp-child-theme-marnamic .hp-vendors > .hp-row,
body.wp-child-theme-marnamic .hp-listings > .hp-row,
body.wp-child-theme-marnamic .hp-listing-categories > .hp-row,
body.wp-child-theme-marnamic .hp-vendors .hp-row,
body.wp-child-theme-marnamic .hp-listings .hp-row,
body.wp-child-theme-marnamic .hp-listing-categories .hp-row {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic .hp-form .hp-form__button,
body.wp-child-theme-marnamic .hp-form button[type="submit"],
body.wp-child-theme-marnamic .hp-form input[type="submit"],
body.wp-child-theme-marnamic .wp-block-button__link {
width: 100% !important;
height: var(--marnamic-button-height) !important;
min-height: var(--marnamic-button-height) !important;
}
} .mn-page-loader {
position: fixed;
inset: 0;
z-index: 2147483647;
display: grid;
place-items: center;
overflow: hidden;
visibility: hidden;
opacity: 0;
pointer-events: none;
background: transparent;
transition: opacity 160ms ease, visibility 0s linear 160ms;
}
.mn-page-loader[hidden] {
display: none !important;
}
.mn-page-loader.is-visible {
visibility: visible;
opacity: 1;
pointer-events: auto;
transition: opacity 160ms ease;
}
.mn-page-loader.is-exiting {
visibility: visible;
opacity: 1;
pointer-events: none;
transition: none;
}
.mn-page-loader__waves,
.mn-page-loader__veil {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.mn-page-loader__waves {
z-index: 1;
opacity: 0;
transform: scale(1.02);
transition: opacity 90ms ease, transform 420ms ease;
}
.mn-page-loader.is-visible .mn-page-loader__waves {
opacity: 1;
transform: scale(1);
}
.mn-page-loader__veil {
z-index: 0;
background:
radial-gradient(circle at 50% 43%, rgba(231, 253, 135, .07), transparent 38%),
linear-gradient(180deg, #141f24 0%, #0f191b 78%, #0a1013 100%);
opacity: 1;
transition: opacity 180ms ease;
}
.mn-page-loader__content {
position: relative;
z-index: 2;
display: grid;
place-items: center;
gap: 18px;
width: min(100% - 40px, 360px);
opacity: 1;
transform: translateY(0) scale(1);
transition: opacity 160ms ease, transform 180ms ease;
}
.mn-page-loader.is-exiting .mn-page-loader__content {
opacity: 0;
transform: translateY(-3px) scale(1.015);
transition: opacity 340ms ease, transform 520ms cubic-bezier(.2, .75, .25, 1);
}
.mn-page-loader.is-exiting .mn-page-loader__brand {
transform: translateY(-2px) scale(1.075);
filter: drop-shadow(0 22px 42px rgba(0, 0, 0, .18));
transition: opacity 340ms ease, transform 620ms cubic-bezier(.2, .75, .25, 1), filter 620ms ease;
}
.mn-page-loader.is-exiting .mn-page-loader__waves {
opacity: 0;
transform: scale(1.035);
transition: opacity 720ms ease, transform 760ms ease;
}
.mn-page-loader.is-exiting .mn-page-loader__veil {
opacity: 0;
transition: opacity 760ms ease;
}
.mn-page-loader__brand {
width: clamp(152px, 14vw, 190px);
opacity: 0;
transform: translateY(10px) scale(.97);
filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .2));
transition: opacity 320ms ease 80ms, transform 480ms cubic-bezier(.2, .75, .25, 1) 80ms;
}
html.marnamic-page-loader-active,
html.marnamic-page-loader-active body.wp-child-theme-marnamic {
overflow: hidden !important;
} html.marnamic-page-loader-active body.wp-child-theme-marnamic :is(
.site-container,
.site-footer,
.mn-platform-footer,
.mn-support,
.marnamic-mobile-tabbar
) {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
transition: none !important;
}
html.marnamic-page-loader-active.marnamic-page-loader-revealing body.wp-child-theme-marnamic :is(
.site-container,
.site-footer,
.mn-platform-footer,
.mn-support,
.marnamic-mobile-tabbar
) {
visibility: visible !important;
opacity: 1 !important;
pointer-events: none !important;
transition: opacity 560ms cubic-bezier(.2, .75, .25, 1) 100ms !important;
}
html.marnamic-page-loader-active :is(
#cr-banner,
#cr-modal-backdrop,
#cr-modal-overlay
) {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.mn-page-loader.is-visible .mn-page-loader__brand {
opacity: .94;
transform: translateY(0) scale(1);
}
.mn-page-loader__brand img {
display: block;
width: 100%;
height: auto;
}
.mn-page-loader__status {
display: inline-flex;
min-height: 46px;
align-items: center;
gap: 10px;
padding: 10px 16px;
color: rgba(241, 233, 221, .88);
background: rgba(15, 25, 27, .54);
border: 1px solid rgba(161, 192, 195, .22);
border-radius: 12px;
box-shadow: 0 18px 50px rgba(0, 0, 0, .16);
font-family: Quicksand, Avenir, "Avenir Next", "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.35;
backdrop-filter: blur(16px);
}
.mn-page-loader__status::before {
width: 7px;
height: 7px;
flex: 0 0 auto;
background: #61a5ac;
border-radius: 50%;
content: "";
animation: mn-page-loader-pulse 1.2s ease-in-out infinite;
}
@keyframes mn-page-loader-pulse {
0%, 100% {
opacity: .35;
transform: scale(.84);
}
50% {
opacity: 1;
transform: scale(1);
}
}
@media (max-width: 700px) {
.mn-page-loader__content {
gap: 14px;
width: min(100% - 32px, 320px);
}
.mn-page-loader__brand {
width: clamp(145px, 42vw, 175px);
}
.mn-page-loader__status {
min-height: 42px;
padding: 8px 12px;
background: rgba(15, 25, 27, .82);
font-size: 12px;
backdrop-filter: none;
}
}
@media (prefers-reduced-motion: reduce) {
.mn-page-loader,
.mn-page-loader__waves,
.mn-page-loader__brand,
.mn-page-loader__status::before {
animation: none !important;
transition: none !important;
}
} body.wp-child-theme-marnamic .marnamic-screen-title {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(160px, 180px) !important;
gap: 14px !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__fields {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 14px !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__field,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-field--submit {
min-width: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__button,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search button[type="submit"] {
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-filter input[name="vendor_unternehmenstyp"],
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-filter input[name="vendor_type"],
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-filter .hp-form__field--vendor-unternehmenstyp,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-filter .hp-form__field--vendor-type {
display: none !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-filter .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
color: rgba(241, 233, 221, 0.7) !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__topbar {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 14px 20px !important;
align-items: center !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-sort {
display: grid !important;
grid-template-columns: auto minmax(180px, 180px) !important;
gap: 12px !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-sort .hp-form__fields,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-sort .hp-form__field {
margin: 0 !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-button--vendor-filter {
display: none !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__fields {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page > .hp-row {
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__content {
order: 1 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar {
order: 2 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page > .hp-row > .hp-page__content {
order: 1 !important;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page > .hp-row > .hp-page__sidebar {
order: 2 !important;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar > .hp-widget--vendor-filter {
position: static !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar > .hp-widget--vendor-filter > .hp-modal--mobile {
display: none !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__header .hp-button--vendor-filter {
display: inline-flex !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar .hp-button--vendor-filter {
display: none !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar .marnamic-combined-map,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar .hp-map {
width: 100% !important;
margin-top: 8px !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__topbar {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-sort {
grid-template-columns: auto minmax(180px, 220px) !important;
justify-content: start !important;
}
}
@media (max-width: 640px) {
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__fields,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-sort {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-sort .select2-container {
width: 100% !important;
}
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .hp-button--vendor-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .hp-button--listing-filter {
display: none !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > .hp-widget--vendor-filter > .hp-modal--mobile,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > .hp-widget--listing-filter > .hp-modal--mobile {
display: block !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .hp-button--vendor-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .hp-button--listing-filter {
display: inline-flex !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > .hp-widget--vendor-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > .hp-widget--listing-filter {
display: block !important;
position: static !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar .hp-button--vendor-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar .hp-button--listing-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > .hp-widget--vendor-filter > .hp-modal--mobile,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > .hp-widget--listing-filter > .hp-modal--mobile {
display: none !important;
}
body.wp-child-theme-marnamic .fancybox-content.hp-modal--mobile {
display: block !important;
}
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search {
--marnamic-vendor-search-control-height: var(--marnamic-control-height);
align-items: center !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__fields,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__field,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-field--submit {
align-items: center !important;
align-self: stretch !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search input[type="text"],
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search input[type="search"],
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-field--location,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .select2-container,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__button,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search button[type="submit"] {
box-sizing: border-box !important;
height: var(--marnamic-vendor-search-control-height) !important;
min-height: var(--marnamic-vendor-search-control-height) !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search input[type="text"],
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search input[type="search"],
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-field--location {
display: flex !important;
align-items: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .select2-container--default .select2-selection--single {
display: flex !important;
align-items: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .select2-container--default .select2-selection--single .select2-selection__rendered {
display: flex !important;
height: 100% !important;
align-items: center !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0 !important;
bottom: 0 !important;
height: 100% !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__button,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search button[type="submit"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1 !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-button--vendor-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-button--listing-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .marnamic-archive-filter-button {
display: none !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .hp-button--vendor-filter:not(.marnamic-archive-filter-button),
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .hp-button--listing-filter:not(.marnamic-archive-filter-button),
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar .hp-button--vendor-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar .hp-button--listing-filter {
display: none !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .marnamic-archive-filter-button {
display: inline-flex !important;
width: auto !important;
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
align-items: center !important;
justify-content: center !important;
}
} body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .hp-vendor__attributes--contact:empty {
display: none !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact {
display: grid !important;
gap: 10px !important;
margin: 16px 0 0 !important;
padding: 0 !important;
border-top: 1px solid rgba(161, 192, 195, 0.24) !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__item {
display: grid !important;
grid-template-columns: 24px minmax(0, 1fr) !important;
gap: 3px 12px !important;
align-items: start !important;
min-width: 0 !important;
padding: 12px 0 10px !important;
border-bottom: 1px solid rgba(161, 192, 195, 0.18) !important;
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__item .hp-icon {
color: var(--marnamic-lime) !important;
font-size: 0.95rem !important;
grid-row: 1 / span 2 !important;
margin-top: 2px !important;
text-align: center !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__label,
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__label strong {
min-width: 0 !important;
color: rgba(241, 233, 221, 0.76) !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__value {
grid-column: 2 !important;
min-width: 0 !important;
color: var(--marnamic-cream) !important;
font-size: 0.95rem !important;
line-height: 1.35 !important;
overflow-wrap: anywhere !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__value a {
color: var(--marnamic-lime) !important;
display: inline-block !important;
font-weight: 700 !important;
max-width: 100% !important;
overflow-wrap: anywhere !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__value a:hover,
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__value a:focus-visible {
color: var(--marnamic-lime-hover) !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
} body.wp-child-theme-marnamic.tax-hp_listing_category .header-hero {
position: relative !important;
z-index: 1 !important;
overflow: hidden !important;
isolation: isolate !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .content-area {
position: relative !important;
z-index: 2 !important;
padding-top: clamp(22px, 3vw, 40px) !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .hp-page__header {
position: relative !important;
z-index: 3 !important;
margin-top: 0 !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .hp-form--listing-search {
position: relative !important;
z-index: 4 !important;
margin-top: 0 !important;
} body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
align-items: stretch !important;
padding: clamp(14px, 2vw, 18px) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action,
.hp-link,
.button
) {
display: inline-flex !important;
width: 100% !important;
min-width: 0 !important;
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
max-height: var(--marnamic-control-height) !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
padding: 0 var(--marnamic-button-padding-x) !important;
border: 1px solid rgba(161, 192, 195, 0.38) !important;
border-radius: var(--marnamic-radius) !important;
font-family: var(--marnamic-font-body) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-decoration: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
box-shadow: none !important;
opacity: 1 !important;
transform: none !important;
transition:
background-color 0.16s ease,
border-color 0.16s ease,
color 0.16s ease !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > .hp-listing__action :is(i, .hp-icon, svg) {
flex: 0 0 auto !important;
width: 1.2em !important;
min-width: 1.2em !important;
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
font-size: 1em !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > .hp-listing__action span {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--message,
.hp-listing__action--reply
) {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--message,
.hp-listing__action--reply
):hover,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--message,
.hp-listing__action--reply
):focus-visible {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--review,
.hp-listing__action--claim,
.hp-listing__action--report
) {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.86) !important;
border-color: rgba(161, 192, 195, 0.38) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--review,
.hp-listing__action--claim,
.hp-listing__action--report
):hover,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--review,
.hp-listing__action--claim,
.hp-listing__action--report
):focus-visible {
color: var(--marnamic-lime) !important;
background: rgba(15, 25, 27, 0.96) !important;
border-color: rgba(231, 253, 135, 0.56) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action,
.button
):focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.7) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action,
.button
).disabled,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action,
.button
)[disabled],
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action,
.button
)[aria-disabled="true"] {
color: rgba(241, 233, 221, 0.58) !important;
background: rgba(15, 25, 27, 0.72) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
cursor: not-allowed !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
) {
-webkit-tap-highlight-color: transparent !important;
text-decoration: none !important;
text-shadow: none !important;
box-shadow: none !important;
transform: none !important;
transition:
background-color 0.16s ease,
border-color 0.16s ease,
color 0.16s ease,
opacity 0.16s ease !important;
}
body.wp-child-theme-marnamic :is(
.hp-listing__action--claim,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
) {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.86) !important;
border-color: rgba(161, 192, 195, 0.38) !important;
}
body.wp-child-theme-marnamic :is(
.hp-listing__action--claim,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
):hover,
body.wp-child-theme-marnamic :is(
.hp-listing__action--claim,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
):focus-visible {
color: var(--marnamic-lime) !important;
background: rgba(15, 25, 27, 0.96) !important;
border-color: rgba(231, 253, 135, 0.56) !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.72) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):active {
opacity: 0.88 !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):is(:disabled, [disabled], [aria-disabled="true"], .disabled) {
color: rgba(241, 233, 221, 0.58) !important;
background: rgba(15, 25, 27, 0.72) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
button[type="submit"]:not(.gm-control-active)
):is([data-state="loading"], [aria-busy="true"]) {
cursor: progress !important;
opacity: 0.72 !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic :is(
[hidden],
[aria-hidden="true"].marnamic-archive-filter-button,
[aria-hidden="true"].hp-button--vendor-filter,
[aria-hidden="true"].hp-button--listing-filter
) {
display: none !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic :is(
.marnamic-archive-filter-button,
.hp-button--vendor-filter,
.hp-button--listing-filter
) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
body.wp-child-theme-marnamic :is(
.hp-vendor__action--message.button,
button.hp-vendor__action--message
) {
color: var(--marnamic-dark) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-vendor__action--message,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__action--message {
color: var(--marnamic-dark) !important;
}
body.wp-child-theme-marnamic :is(
.hp-vendor__action--message.button,
button.hp-vendor__action--message
) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-vendor__action--message :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *),
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__action--message :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-page__sidebar .hp-vendor--view-block .hp-vendor__actions--primary a.hp-vendor__action.hp-vendor__action--message {
color: var(--marnamic-dark) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-page__sidebar .hp-vendor--view-block .hp-vendor__actions--primary a.hp-vendor__action.hp-vendor__action--message :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
} body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
align-items: stretch !important;
padding: clamp(14px, 2vw, 18px) !important;
}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message.button,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > a.hp-vendor__action--message,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > button.hp-vendor__action--message {
display: inline-flex !important;
width: 100% !important;
min-width: 0 !important;
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
max-height: var(--marnamic-control-height) !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
padding: 0 var(--marnamic-button-padding-x) !important;
border-radius: var(--marnamic-radius) !important;
font-family: var(--marnamic-font-body) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message:hover,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message:focus-visible,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > a.hp-vendor__action--message:hover,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > a.hp-vendor__action--message:focus-visible,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > button.hp-vendor__action--message:hover,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > button.hp-vendor__action--message:focus-visible {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message:focus-visible,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > a.hp-vendor__action--message:focus-visible,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > button.hp-vendor__action--message:focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.7) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message span {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message :is(i, .hp-icon, svg) {
flex: 0 0 auto !important;
width: 1.2em !important;
min-width: 1.2em !important;
font-size: 1em !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message :is(i, .hp-icon, svg),
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message.button :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *),
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > button.hp-vendor__action--message :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
} @media (min-width: 981px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(
.hp-button--mobile,
.hp-button--vendor-filter,
.hp-button--listing-filter,
.marnamic-archive-filter-button
) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page > .hp-row {
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page > .hp-row > .hp-page__content {
order: 1 !important;
width: 100% !important;
max-width: none !important;
padding-inline: 0 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page > .hp-row > .hp-page__sidebar {
order: 2 !important;
width: 100% !important;
max-width: none !important;
padding-inline: 0 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__header :is(
.marnamic-archive-filter-button,
.hp-button--vendor-filter,
.hp-button--listing-filter
) {
display: inline-flex !important;
width: auto !important;
height: var(--marnamic-control-height, 44px) !important;
min-height: var(--marnamic-control-height, 44px) !important;
max-height: var(--marnamic-control-height, 44px) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__sidebar :is(
.hp-button--vendor-filter,
.hp-button--listing-filter,
.marnamic-archive-filter-button
),
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__sidebar > :is(
.hp-widget--vendor-filter,
.hp-widget--listing-filter
) > .hp-modal--mobile {
display: none !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__sidebar :is(.marnamic-combined-map, .combined-map-wrapper, .hp-map) {
width: 100% !important;
margin-top: 0 !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page > .hp-row {
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page > .hp-row > .hp-page__content {
order: 1 !important;
width: 100% !important;
max-width: none !important;
padding-inline: 0 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page > .hp-row > .hp-page__sidebar {
order: 2 !important;
width: 100% !important;
max-width: none !important;
padding-inline: 0 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar :is(.marnamic-combined-map, .combined-map-wrapper, .hp-map) {
width: 100% !important;
margin-top: 0 !important;
}
} body.wp-child-theme-marnamic [hidden] {
display: none !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
button[type="button"]:not(.gm-control-active):not(.map-filter-btn),
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):is(:disabled, [disabled], [aria-disabled="true"], [data-disabled="true"], .disabled, .is-disabled, .hp-state--disabled, .hp-button--disabled, .button--disabled) {
color: rgba(241, 233, 221, 0.58) !important;
background: rgba(15, 25, 27, 0.72) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
box-shadow: none !important;
transform: none !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.combined-map-wrapper .map-filter-btn,
button[type="button"]:not(.gm-control-active),
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):is([data-state="loading"], [aria-busy="true"], .is-loading) {
cursor: progress !important;
opacity: 0.72 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.combined-map-wrapper .map-filter-btn
):is([aria-pressed="true"], [data-state="active"], .is-active, .active):not(:disabled):not([disabled]):not([aria-disabled="true"]):not([data-disabled="true"]):not(.disabled):not(.is-disabled):not(.hp-state--disabled):not(.hp-button--disabled):not(.button--disabled) {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.combined-map-wrapper .map-filter-btn
):is([aria-pressed="true"], [data-state="active"], .is-active, .active):not(:disabled):not([disabled]):not([aria-disabled="true"]):not([data-disabled="true"]):not(.disabled):not(.is-disabled):not(.hp-state--disabled):not(.hp-button--disabled):not(.button--disabled):hover,
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.combined-map-wrapper .map-filter-btn
):is([aria-pressed="true"], [data-state="active"], .is-active, .active):not(:disabled):not([disabled]):not([aria-disabled="true"]):not([data-disabled="true"]):not(.disabled):not(.is-disabled):not(.hp-state--disabled):not(.hp-button--disabled):not(.button--disabled):focus-visible {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter, .hp-modal .hp-form) :is(
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
select,
.hp-field--location,
.select2-container,
.select2-container--default .select2-selection--single
) {
box-sizing: border-box !important;
min-height: var(--marnamic-control-height, 44px) !important;
height: var(--marnamic-control-height, 44px) !important;
max-height: var(--marnamic-control-height, 44px) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter, .hp-modal .hp-form) .select2-container--default .select2-selection--multiple {
box-sizing: border-box !important;
min-height: var(--marnamic-control-height, 44px) !important;
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter, .hp-modal .hp-form) .select2-container--default .select2-selection--multiple .select2-selection__rendered {
min-height: calc(var(--marnamic-control-height, 44px) - 16px) !important;
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter, .hp-modal .hp-form) .select2-container--default .select2-selection--multiple .select2-search__field {
min-height: 0 !important;
height: auto !important;
line-height: 1.25 !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic :is(
.hp-button--mobile.hp-button--vendor-filter,
.hp-button--mobile.hp-button--listing-filter,
.hp-button--vendor-filter.marnamic-archive-filter-button,
.hp-button--listing-filter.marnamic-archive-filter-button
) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .marnamic-archive-filter-button {
display: inline-flex !important;
width: auto !important;
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
max-height: var(--marnamic-control-height) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
line-height: 1 !important;
}
} body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar {
align-items: center !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar .hp-result-count,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort),
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field) {
min-height: var(--marnamic-control-height) !important;
align-items: center !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(
select,
.select2-container,
.select2-container--default .select2-selection--single
) {
box-sizing: border-box !important;
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
max-height: var(--marnamic-control-height) !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single {
position: relative !important;
display: flex !important;
align-items: center !important;
padding: 0 var(--marnamic-control-padding-x) !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single .select2-selection__rendered {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
height: 100% !important;
align-items: center !important;
padding: 0 26px 0 0 !important;
line-height: 1.2 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute !important;
top: 0 !important;
right: var(--marnamic-control-padding-x) !important;
bottom: 0 !important;
display: flex !important;
width: 18px !important;
height: 100% !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single .select2-selection__arrow b {
position: static !important;
margin: 0 !important;
}
@media (max-width: 640px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort),
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field, .select2-container) {
width: 100% !important;
}
} body.wp-child-theme-marnamic .hp-form :is(
.hp-form__footer .hp-form__button,
.hp-form__footer button[type="submit"],
.hp-form__footer input[type="submit"]
),
body.wp-child-theme-marnamic .hp-widget :is(
.hp-form__button,
button[type="submit"],
input[type="submit"]
),
body.wp-child-theme-marnamic .hp-modal :is(
.hp-form__button,
button[type="submit"],
input[type="submit"]
) {
box-sizing: border-box !important;
display: inline-flex !important;
width: 100% !important;
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
max-height: var(--marnamic-control-height) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .hp-widget :is(
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
select,
.hp-field--location,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple
) {
min-height: var(--marnamic-control-height) !important;
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple {
padding-block: 7px !important;
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple .select2-selection__rendered {
min-height: calc(var(--marnamic-control-height) - 16px) !important;
align-items: center !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
display: inline-flex !important;
min-width: 118px !important;
height: var(--marnamic-compact-button-height) !important;
min-height: var(--marnamic-compact-button-height) !important;
max-height: var(--marnamic-compact-button-height) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 16px !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn[aria-pressed="true"] {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn:focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.72) !important;
outline-offset: 3px !important;
} body.wp-child-theme-marnamic :is(
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button
) {
height: var(--marnamic-compact-button-height) !important;
min-height: var(--marnamic-compact-button-height) !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block :is(
.hp-listing__action--message,
.hp-listing__action--favorite,
.hp-listing__actions .hp-link
),
body.wp-child-theme-marnamic .hp-vendor--view-block :is(
.hp-vendor__action--message,
.hp-vendor__action--favorite,
.hp-vendor__actions .hp-link
) {
flex: 0 0 var(--marnamic-compact-button-height) !important;
width: var(--marnamic-compact-button-height) !important;
min-width: var(--marnamic-compact-button-height) !important;
height: var(--marnamic-compact-button-height) !important;
min-height: var(--marnamic-compact-button-height) !important;
padding: 0 !important;
} body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
--marnamic-search-control-height: var(--marnamic-control-height, 44px);
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(180px, 260px) !important;
gap: 12px !important;
align-items: stretch !important;
width: 100% !important;
padding: clamp(12px, 1.4vw, 14px) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__messages {
grid-column: 1 / -1 !important;
min-height: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__messages:empty {
display: none !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
grid-column: 1 !important;
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
gap: 14px !important;
align-items: stretch !important;
min-width: 0 !important;
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__footer {
grid-column: 2 !important;
display: flex !important;
align-items: stretch !important;
min-width: 0 !important;
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(
.hp-form__field,
.hp-form__field--search,
.hp-form__field--location,
.hp-form__field--select,
.hp-form__field--submit,
.hp-field--submit
) {
align-self: stretch !important;
min-width: 0 !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(
input[type="text"],
input[type="search"],
.hp-field--location,
.hp-field--location input[type="text"],
.select2-container,
.select2-container--default .select2-selection--single,
.hp-form__button,
.hp-form__footer .button,
button[type="submit"],
input[type="submit"]
) {
box-sizing: border-box !important;
width: 100% !important;
height: var(--marnamic-search-control-height) !important;
min-height: var(--marnamic-search-control-height) !important;
max-height: var(--marnamic-search-control-height) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(
input[type="text"],
input[type="search"],
.hp-field--location input[type="text"]
) {
display: flex !important;
align-items: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-field--location {
display: grid !important;
align-items: center !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container--default .select2-selection--single {
position: relative !important;
display: flex !important;
align-items: center !important;
padding: 0 var(--marnamic-control-padding-x, 18px) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container--default .select2-selection--single .select2-selection__rendered {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
height: 100% !important;
align-items: center !important;
padding: 0 26px 0 0 !important;
line-height: 1.2 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute !important;
top: 0 !important;
right: var(--marnamic-control-padding-x, 18px) !important;
bottom: 0 !important;
display: flex !important;
width: 18px !important;
height: 100% !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container--default .select2-selection--single .select2-selection__arrow b {
position: static !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(
.hp-form__button,
.hp-form__footer .button,
button[type="submit"],
input[type="submit"]
) {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
line-height: 1 !important;
white-space: nowrap !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) :is(
.hp-button--mobile,
.hp-button--vendor-filter,
.hp-button--listing-filter,
.marnamic-archive-filter-button
) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields,
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__footer {
grid-column: 1 / -1 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header :is(.marnamic-archive-filter-button, .hp-button--vendor-filter, .hp-button--listing-filter) {
display: inline-flex !important;
width: auto !important;
height: var(--marnamic-control-height, 44px) !important;
min-height: var(--marnamic-control-height, 44px) !important;
max-height: var(--marnamic-control-height, 44px) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar :is(.hp-button--vendor-filter, .hp-button--listing-filter, .marnamic-archive-filter-button),
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > :is(.hp-widget--vendor-filter, .hp-widget--listing-filter) > .hp-modal--mobile {
display: none !important;
}
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
grid-template-columns: 1fr !important;
}
}body.wp-child-theme-marnamic {
--marnamic-ui-bg: var(--marnamic-dark, #132124);
--marnamic-ui-bg-deep: var(--marnamic-dark-deep, #0f191b);
--marnamic-ui-surface: var(--marnamic-panel, #18272b);
--marnamic-ui-surface-raised: var(--marnamic-panel-soft, #203337);
--marnamic-ui-surface-muted: var(--marnamic-panel-muted, #24383c);
--marnamic-ui-text: var(--marnamic-cream, #f1e9dd);
--marnamic-ui-text-muted: var(--marnamic-text-muted, rgba(241, 233, 221, 0.72));
--marnamic-ui-text-soft: var(--marnamic-text-soft, rgba(241, 233, 221, 0.56));
--marnamic-ui-primary: var(--marnamic-lime, #e7fd87);
--marnamic-ui-primary-hover: var(--marnamic-lime-hover, #dffc5f);
--marnamic-ui-primary-text: var(--marnamic-dark, #132124);
--marnamic-ui-accent: var(--marnamic-teal, #61a5ac);
--marnamic-ui-ring: rgba(231, 253, 135, 0.36);
--marnamic-ui-border: var(--marnamic-border, rgba(161, 192, 195, 0.28));
--marnamic-ui-border-soft: var(--marnamic-border-soft, rgba(161, 192, 195, 0.18));
--marnamic-ui-input: rgba(15, 25, 27, 0.9);
--marnamic-ui-input-hover: rgba(15, 25, 27, 0.96);
--marnamic-ui-disabled: rgba(15, 25, 27, 0.72);
--marnamic-ui-surface-light: var(--marnamic-cream, #f1e9dd);
--marnamic-ui-surface-light-text: var(--marnamic-dark, #132124);
--marnamic-ui-surface-light-muted: rgba(19, 33, 36, 0.72);
--marnamic-ui-surface-light-border: rgba(19, 33, 36, 0.12);
--marnamic-ui-radius-xs: 4px;
--marnamic-ui-radius-sm: 6px;
--marnamic-ui-radius-md: 8px;
--marnamic-ui-radius-lg: 12px;
--marnamic-ui-radius-pill: 999px;
--marnamic-ui-space-1: 4px;
--marnamic-ui-space-2: 8px;
--marnamic-ui-space-3: 12px;
--marnamic-ui-space-4: 16px;
--marnamic-ui-space-5: 20px;
--marnamic-ui-space-6: 24px;
--marnamic-ui-space-8: 32px;
--marnamic-ui-space-10: 40px;
--marnamic-ui-space-12: 48px;
--marnamic-ui-control-height: 44px;
--marnamic-ui-control-height-sm: 40px;
--marnamic-ui-control-padding-x: 14px;
--marnamic-ui-button-padding-x: 16px;
--marnamic-ui-compact-padding-x: 14px;
--marnamic-ui-control-icon-space: 42px;
--marnamic-ui-icon-size: 40px;
--marnamic-ui-chip-height: 26px;
--marnamic-ui-dropdown-min-width: 280px;
--marnamic-ui-dropdown-max-width: calc(100vw - 32px);
--marnamic-ui-transition: 160ms ease;
--marnamic-control-height: var(--marnamic-ui-control-height);
--marnamic-compact-button-height: var(--marnamic-ui-control-height-sm);
--marnamic-button-height: var(--marnamic-ui-control-height);
--marnamic-button-padding-x: var(--marnamic-ui-control-padding-x);
--marnamic-radius: var(--marnamic-ui-radius-md);
}
body.wp-child-theme-marnamic * {
box-sizing: border-box;
} body.wp-child-theme-marnamic .marnamic-surface--light {
--marnamic-ui-primary: var(--marnamic-teal, #61a5ac);
--marnamic-ui-primary-hover: #78b8be;
--marnamic-ui-ring: rgba(97, 165, 172, 0.36);
--marnamic-eyebrow-text: var(--marnamic-ui-surface-light-text);
--marnamic-eyebrow-background: rgba(19, 33, 36, 0.07);
--marnamic-eyebrow-border: rgba(19, 33, 36, 0.3);
--marnamic-action-secondary-text: var(--marnamic-ui-surface-light-text);
--marnamic-action-secondary-border: var(--marnamic-ui-surface-light-text);
--marnamic-action-secondary-hover: rgba(19, 33, 36, 0.08);
--marnamic-action-secondary-border-hover: rgba(19, 33, 36, 0.72);
--marnamic-action-primary: var(--marnamic-teal, #61a5ac);
--marnamic-action-primary-hover: #78b8be;
--marnamic-action-primary-text: var(--marnamic-dark, #132124);
--marnamic-action-accent: var(--marnamic-teal, #61a5ac);
--marnamic-action-accent-hover: #78b8be;
--marnamic-action-accent-text: var(--marnamic-dark, #132124);
--marnamic-action-focus: rgba(97, 165, 172, 0.58);
color: var(--marnamic-ui-surface-light-text) !important;
background: var(--marnamic-ui-surface-light) !important;
border-color: var(--marnamic-ui-surface-light-border) !important;
}
body.wp-child-theme-marnamic .marnamic-surface--light :is(h1, h2, h3, h4, h5, h6, p, li, strong, small) {
color: inherit !important;
}
body.wp-child-theme-marnamic .marnamic-surface--light .marnamic-surface__eyebrow {
color: var(--marnamic-eyebrow-text) !important;
background-color: var(--marnamic-eyebrow-background) !important;
border-color: var(--marnamic-eyebrow-border) !important;
}
body.wp-child-theme-marnamic :is(a, button, input, select, textarea, [tabindex]):focus-visible,
body.wp-child-theme-marnamic .select2-container--default.select2-container--focus :is(.select2-selection--single, .select2-selection--multiple),
body.wp-child-theme-marnamic .select2-container--default.select2-container--open :is(.select2-selection--single, .select2-selection--multiple) {
outline: 0 !important;
box-shadow: 0 0 0 3px var(--marnamic-ui-ring) !important;
}
body.wp-child-theme-marnamic :is(
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
select,
.hp-field--location,
.select2-container--default .select2-selection--single,
.marnamic-control
) {
width: 100% !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
padding: 0 var(--marnamic-ui-control-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
line-height: 1.2 !important;
transition: background-color var(--marnamic-ui-transition), border-color var(--marnamic-ui-transition), color var(--marnamic-ui-transition) !important;
}
body.wp-child-theme-marnamic textarea {
min-height: 132px !important;
max-height: none !important;
padding: var(--marnamic-ui-space-4) var(--marnamic-ui-control-padding-x) !important;
line-height: 1.55 !important;
resize: vertical;
}
body.wp-child-theme-marnamic :is(input, textarea)::placeholder {
color: var(--marnamic-ui-text-soft) !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic :is(
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
select,
textarea,
.hp-field--location,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple
):is(:hover, :focus, :focus-within) {
background: var(--marnamic-ui-input-hover) !important;
border-color: rgba(231, 253, 135, 0.62) !important;
}
body.wp-child-theme-marnamic :is(input, textarea, select):disabled,
body.wp-child-theme-marnamic :is(input, textarea, select)[readonly],
body.wp-child-theme-marnamic .select2-container--default.select2-container--disabled :is(.select2-selection--single, .select2-selection--multiple) {
color: var(--marnamic-ui-text-soft) !important;
background: var(--marnamic-ui-disabled) !important;
border-color: rgba(161, 192, 195, 0.22) !important;
cursor: not-allowed !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic .hp-field--location {
position: relative !important;
display: grid !important;
align-items: center !important;
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .hp-field--location input[type="text"] {
height: calc(var(--marnamic-ui-control-height) - 2px) !important;
min-height: calc(var(--marnamic-ui-control-height) - 2px) !important;
padding-right: var(--marnamic-ui-control-icon-space) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-field--location a {
position: absolute !important;
top: 50% !important;
right: 8px !important;
display: inline-flex !important;
width: 34px !important;
height: 34px !important;
min-height: 34px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: var(--marnamic-ui-text-muted) !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
transform: translateY(-50%) !important;
}
body.wp-child-theme-marnamic .hp-field--location a.is-loading {
opacity: 0.72 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic .hp-field--location a.is-loading i {
animation: marnamic-ui-spin 0.8s linear infinite;
}
@keyframes marnamic-ui-spin {
to {
transform: rotate(360deg);
}
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button,
.marnamic-archive-filter-button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
) { display: inline-flex;
width: auto !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
justify-content: center !important;
gap: var(--marnamic-ui-space-2) !important;
padding: 0 var(--marnamic-ui-button-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 1.1 !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: none !important;
white-space: nowrap !important;
cursor: pointer !important;
opacity: 1 !important;
transform: none !important;
transition: background-color var(--marnamic-ui-transition), border-color var(--marnamic-ui-transition), color var(--marnamic-ui-transition) !important;
}
body.wp-child-theme-marnamic :is(
.button--primary,
.button-primary,
.hp-button--primary,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.hp-page__sidebar .hp-listing__action--message,
.hp-page__sidebar .hp-vendor__action--message,
.marnamic-button--primary
) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic :is(
.button--secondary,
.hp-button--secondary,
.marnamic-button--secondary,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
) {
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border-color: rgba(161, 192, 195, 0.38) !important;
}
body.wp-child-theme-marnamic :is(.marnamic-button--ghost, .hp-button--ghost) {
color: var(--marnamic-ui-text-muted) !important;
background: transparent !important;
border-color: transparent !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button,
.marnamic-archive-filter-button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary-hover) !important;
border-color: var(--marnamic-ui-primary-hover) !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.combined-map-wrapper .map-filter-btn,
.marnamic-button
):is([aria-pressed="true"], [data-state="active"], .is-active, .active):not(:disabled):not([disabled]):not([aria-disabled="true"]) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="button"]:not(.gm-control-active),
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.marnamic-button
):is(:disabled, [disabled], [aria-disabled="true"], [data-disabled="true"], .disabled, .is-disabled, .hp-state--disabled, .hp-button--disabled, .button--disabled) {
color: var(--marnamic-ui-text-soft) !important;
background: var(--marnamic-ui-disabled) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic :is(
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button,
.marnamic-button--compact
) {
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
max-height: var(--marnamic-ui-control-height-sm) !important;
}
body.wp-child-theme-marnamic .select2-container {
min-width: 0 !important;
}
body.wp-child-theme-marnamic select.select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
background: transparent !important;
}
body.wp-child-theme-marnamic .select2-container select.select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
background: transparent !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single {
display: flex !important;
align-items: center !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__rendered {
display: block !important;
width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text) !important;
line-height: 1.2 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
color: var(--marnamic-ui-text-soft) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0 !important;
right: var(--marnamic-ui-control-padding-x) !important;
bottom: 0 !important;
display: flex !important;
width: 18px !important;
height: 100% !important;
align-items: center !important;
justify-content: center !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow::before {
content: "" !important;
display: block !important;
width: 9px !important;
height: 9px !important;
margin-top: -4px !important;
border: solid var(--marnamic-mint, #a1c0c3) !important;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg) !important;
transform-origin: center !important;
}
body.wp-child-theme-marnamic .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
margin-top: 4px !important;
transform: rotate(225deg) !important;
}
body.wp-child-theme-marnamic .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic > .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic .select2-dropdown.select2-dropdown--above,
body.wp-child-theme-marnamic .select2-dropdown.select2-dropdown--below {
box-sizing: border-box !important;
min-width: min(var(--marnamic-ui-dropdown-min-width), calc(100vw - 32px)) !important;
max-width: var(--marnamic-ui-dropdown-max-width) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-surface) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .select2-search--dropdown {
padding: var(--marnamic-ui-space-3) !important;
background: var(--marnamic-ui-surface) !important;
}
body.wp-child-theme-marnamic .select2-results,
body.wp-child-theme-marnamic .select2-results > .select2-results__options {
max-height: min(360px, 60vh) !important;
}
body.wp-child-theme-marnamic .select2-results__option,
body.wp-child-theme-marnamic .select2-container--default .select2-results__option {
min-height: var(--marnamic-ui-control-height-sm) !important;
padding: 12px 16px !important;
color: rgba(241, 233, 221, 0.9) !important;
background: transparent !important;
line-height: 1.25 !important;
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: manual !important;
}
body.wp-child-theme-marnamic .select2-results__option * {
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: manual !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-results__option--highlighted[aria-selected],
body.wp-child-theme-marnamic .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
body.wp-child-theme-marnamic .select2-container--default .select2-results__option--selected,
body.wp-child-theme-marnamic .select2-container--default .select2-results__option[aria-selected="true"] {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple {
display: flex !important;
align-items: center !important;
min-height: var(--marnamic-ui-control-height) !important;
padding: 8px 12px !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__rendered {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
align-items: center !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__choice {
display: inline-flex !important;
min-height: var(--marnamic-ui-chip-height) !important;
align-items: center !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 10px !important;
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-sm) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: currentColor !important;
opacity: 0.72;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
--marnamic-search-control-height: var(--marnamic-ui-control-height);
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(180px, 260px) !important;
gap: 12px !important;
align-items: stretch !important;
width: 100% !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
gap: 12px !important;
align-items: stretch !important;
min-width: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(.hp-form__field, .hp-form__footer) {
min-width: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 100% !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.marnamic-button,
.marnamic-archive-filter-button
) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic :is(.hp-button--wide, .marnamic-button--wide) {
width: 100% !important;
}
body.wp-child-theme-marnamic .hp-page__header :is(.marnamic-archive-filter-button, .hp-button--vendor-filter, .hp-button--listing-filter) {
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
}
body.wp-child-theme-marnamic .hp-page__topbar {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--marnamic-ui-space-4) !important;
align-items: center !important;
justify-content: space-between !important;
}
body.wp-child-theme-marnamic .hp-page__topbar .hp-result-count {
display: inline-flex !important;
min-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
color: var(--marnamic-ui-text-muted) !important;
font-weight: 800 !important;
letter-spacing: 0.08em !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) {
display: inline-flex !important;
min-width: min(100%, 260px) !important;
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field) {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
min-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(select, .select2-container, .select2-container--default .select2-selection--single) {
width: 100% !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single {
display: flex !important;
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single .select2-selection__rendered {
display: block !important;
width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__header :is(.marnamic-archive-filter-button, .hp-button--vendor-filter, .hp-button--listing-filter) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter, .hp-modal .hp-form) :is(
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
select,
.hp-field--location,
.select2-container,
.select2-container--default .select2-selection--single
) {
min-width: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) {
display: grid !important;
gap: var(--marnamic-ui-space-4) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .hp-form__fields {
display: grid !important;
gap: 14px !important;
min-width: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) :is(.hp-form__field, .hp-form__footer) {
min-width: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-field--checkboxes, .hp-field--radio, .hp-field--checkbox) label,
body.wp-child-theme-marnamic :is(.hp-field input[type="checkbox"] + span, .hp-field input[type="radio"] + span) {
color: var(--marnamic-ui-text-muted) !important;
}
body.wp-child-theme-marnamic .hp-form__messages,
body.wp-child-theme-marnamic .hp-form__messages > div,
body.wp-child-theme-marnamic .hp-alert {
padding: var(--marnamic-ui-space-4) var(--marnamic-ui-space-5) !important;
color: var(--marnamic-ui-text) !important;
background: rgba(24, 39, 43, 0.86) !important;
border: 1px solid var(--marnamic-ui-border-soft) !important;
border-left: 4px solid rgba(161, 192, 195, 0.45) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-weight: 600 !important;
}
body.wp-child-theme-marnamic .hp-form__messages--info,
body.wp-child-theme-marnamic .hp-form__messages > .hp-alert--info,
body.wp-child-theme-marnamic .hp-alert--info {
background: rgba(97, 165, 172, 0.12) !important;
border-left-color: var(--marnamic-teal, #61a5ac) !important;
color: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic .hp-form__messages--success,
body.wp-child-theme-marnamic .hp-form__messages > .hp-alert--success,
body.wp-child-theme-marnamic .hp-alert--success {
background: rgba(104, 211, 145, 0.12) !important;
border-color: rgba(104, 211, 145, 0.5) !important;
border-left-color: var(--marnamic-success, #68d391) !important;
color: var(--marnamic-success, #68d391) !important;
}
body.wp-child-theme-marnamic .hp-form__messages--warning,
body.wp-child-theme-marnamic .hp-form__messages > .hp-alert--warning,
body.wp-child-theme-marnamic .hp-alert--warning {
background: rgba(246, 211, 101, 0.12) !important;
border-color: rgba(246, 211, 101, 0.5) !important;
border-left-color: var(--marnamic-warning, #f6d365) !important;
color: var(--marnamic-warning, #f6d365) !important;
}
body.wp-child-theme-marnamic .hp-form__messages--error,
body.wp-child-theme-marnamic .hp-form__messages > .hp-alert--error,
body.wp-child-theme-marnamic .hp-alert--error {
background: rgba(255, 123, 123, 0.12) !important;
border-color: rgba(255, 123, 123, 0.5) !important;
border-left-color: var(--marnamic-danger, #ff7b7b) !important;
color: var(--marnamic-danger, #ff7b7b) !important;
}
body.wp-child-theme-marnamic :is(.hp-listing-category__item-count, .hp-listing-category__count, .hp-listing__featured-badge, .marnamic-badge) {
display: inline-flex !important;
min-height: var(--marnamic-ui-chip-height) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 12px !important;
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-sm) !important;
font-weight: 800 !important;
letter-spacing: 0.04em !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic .hp-vendor__online-badge {
display: inline-block !important;
width: 10px !important;
height: 10px !important;
min-width: 10px !important;
min-height: 10px !important;
max-width: 10px !important;
max-height: 10px !important;
margin: 0 8px 0 0 !important;
padding: 0 !important;
vertical-align: 0.08em !important;
background: rgba(161, 192, 195, 0.5) !important;
border: 1px solid rgba(241, 233, 221, 0.22) !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
box-shadow: none !important;
line-height: 0 !important;
}
body.wp-child-theme-marnamic .hp-vendor__online-badge--active {
background: var(--marnamic-success, #68d391) !important;
border-color: rgba(104, 211, 145, 0.85) !important;
box-shadow: 0 0 0 3px rgba(104, 211, 145, 0.14) !important;
}
body.wp-child-theme-marnamic :is(.pagination .nav-links > a, .pagination .nav-links > span, .hp-pagination a, .hp-pagination span) {
display: inline-flex !important;
min-width: var(--marnamic-ui-control-height-sm) !important;
height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: center !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic :is(.pagination .current, .hp-pagination .current, .pagination a:hover, .hp-pagination a:hover) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic :is(.hp-widget, .hp-modal__content, .fancybox-content, .marnamic-panel) {
color: var(--marnamic-ui-text) !important;
background: rgba(24, 39, 43, 0.88) !important;
border: 1px solid var(--marnamic-ui-border-soft) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
max-height: var(--marnamic-ui-control-height-sm) !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields,
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__footer {
grid-column: 1 / -1 !important;
}
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 480px) {
body.wp-child-theme-marnamic {
--marnamic-ui-dropdown-min-width: calc(100vw - 32px);
}
} body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button,
.marnamic-archive-filter-button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):not(.map-filter-btn):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-link) {
box-sizing: border-box !important;
width: auto !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
justify-content: center !important;
gap: var(--marnamic-ui-space-2) !important;
padding: 0 var(--marnamic-ui-button-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 1.1 !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: none !important;
white-space: nowrap !important;
cursor: pointer !important;
transform: none !important;
}
body.wp-child-theme-marnamic :is(
.button--primary,
.button-primary,
.hp-button--primary,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.marnamic-button--primary
):not(.map-filter-btn):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-link) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic :is(
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
select,
.hp-field--location,
.select2-container--default .select2-selection--single,
.marnamic-control
) {
box-sizing: border-box !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
padding: 0 var(--marnamic-ui-control-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic :is(
.hp-form--listing-search,
.hp-form--vendor-search,
.hp-form--listing-filter,
.hp-form--vendor-filter,
.hp-modal .hp-form,
.hp-widget
) .hp-field--location {
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic :is(
.hp-form--listing-search,
.hp-form--vendor-search,
.hp-form--listing-filter,
.hp-form--vendor-filter,
.hp-modal .hp-form,
.hp-widget
) .hp-field--location input[type="text"] {
width: 100% !important;
height: calc(var(--marnamic-ui-control-height) - 2px) !important;
min-height: calc(var(--marnamic-ui-control-height) - 2px) !important;
max-height: calc(var(--marnamic-ui-control-height) - 2px) !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic :is(
.hp-form--listing-search,
.hp-form--vendor-search,
.hp-form--listing-filter,
.hp-form--vendor-filter,
.hp-form--listing-sort,
.hp-form--vendor-sort,
.hp-modal .hp-form,
.hp-widget,
.hp-page__topbar
) .select2-container--default .select2-selection--single {
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic :is(
.hp-form--listing-search,
.hp-form--vendor-search,
.hp-form--listing-filter,
.hp-form--vendor-filter,
.hp-form--listing-sort,
.hp-form--vendor-sort,
.hp-modal .hp-form,
.hp-widget,
.hp-page__topbar
) .select2-container--default .select2-selection--single .select2-selection__rendered {
display: block !important;
width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text) !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
text-transform: none !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) {
gap: var(--marnamic-ui-space-3) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container {
width: min(100%, 220px) !important;
min-width: min(100%, 180px) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple {
min-height: var(--marnamic-ui-control-height) !important;
padding: 8px 12px !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__rendered {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
min-height: calc(var(--marnamic-ui-control-height) - 18px) !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__choice {
min-height: var(--marnamic-ui-chip-height) !important;
margin: 0 !important;
padding: 0 10px !important;
border-radius: var(--marnamic-ui-radius-sm) !important;
font-size: 0.95rem !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search--inline {
display: inline-flex !important;
flex: 1 1 4rem !important;
min-width: 4rem !important;
height: var(--marnamic-ui-chip-height) !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search__field {
width: 100% !important;
height: var(--marnamic-ui-chip-height) !important;
min-height: var(--marnamic-ui-chip-height) !important;
max-height: var(--marnamic-ui-chip-height) !important;
margin: 0 !important;
padding: 0 4px !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
line-height: var(--marnamic-ui-chip-height) !important;
}
body.wp-child-theme-marnamic :is(
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link
) {
box-sizing: border-box !important;
display: inline-flex !important;
width: var(--marnamic-ui-icon-size) !important;
min-width: var(--marnamic-ui-icon-size) !important;
max-width: var(--marnamic-ui-icon-size) !important;
height: var(--marnamic-ui-icon-size) !important;
min-height: var(--marnamic-ui-icon-size) !important;
max-height: var(--marnamic-ui-icon-size) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: var(--marnamic-ui-primary) !important;
background: rgba(15, 25, 27, 0.86) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic :is(
.hp-page__sidebar .hp-listing__action--message,
.hp-page__sidebar .hp-vendor__action--message
),
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--message,
.hp-listing__action--reply
) {
width: 100% !important;
max-width: none !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
padding: 0 var(--marnamic-ui-button-padding-x) !important;
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
box-sizing: border-box !important;
display: inline-flex !important;
min-width: 118px !important;
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
max-height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn:is(.active, [aria-pressed="true"], [data-state="active"]) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic :is(.pagination .nav-links > a, .pagination .nav-links > span, .hp-pagination a, .hp-pagination span) {
padding: 0 12px !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic input:is([type="checkbox"], [type="radio"]) {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
accent-color: var(--marnamic-ui-primary) !important;
} body.wp-child-theme-marnamic .hp-field input:is([type="checkbox"], [type="radio"]):not(:checked) + span::before {
background-color: rgba(15, 25, 27, 0.72);
border-color: rgba(161, 192, 195, 0.72);
}
body.wp-child-theme-marnamic .hp-field:hover input:is([type="checkbox"], [type="radio"]):not(:checked) + span::before {
border-color: var(--marnamic-ui-text-muted);
}
body.wp-child-theme-marnamic .hp-field input:is([type="checkbox"], [type="radio"]):focus-visible + span::before {
border-color: var(--marnamic-ui-primary);
box-shadow: 0 0 0 3px rgba(231, 253, 135, 0.2);
outline: 0;
}
body.wp-child-theme-marnamic :is(.hp-field--checkbox, .hp-field--radio, .hp-field--checkboxes label) {
display: flex !important;
gap: var(--marnamic-ui-space-2) !important;
align-items: center !important;
color: var(--marnamic-ui-text-muted) !important;
font-size: 0.95rem !important;
line-height: 1.35 !important;
}
body.wp-child-theme-marnamic.marnamic-styleguide .marnamic-archive-filter-button {
display: inline-flex !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button,
.marnamic-archive-filter-button,
button[type="button"]:not(.gm-control-active):not(.map-filter-btn),
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):is(:disabled, [disabled], [aria-disabled="true"], [data-disabled="true"], .disabled, .is-disabled, .hp-state--disabled, .hp-button--disabled, .button--disabled) {
color: var(--marnamic-ui-text-soft) !important;
background: var(--marnamic-ui-disabled) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
box-shadow: none !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic textarea {
min-height: 132px !important;
padding: var(--marnamic-ui-space-4) var(--marnamic-ui-control-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
line-height: 1.45 !important;
}
body.wp-child-theme-marnamic .hp-field--location {
padding: 0 !important;
}
body.wp-child-theme-marnamic .hp-field--location input[type="text"] {
width: 100% !important;
height: calc(var(--marnamic-ui-control-height) - 2px) !important;
min-height: calc(var(--marnamic-ui-control-height) - 2px) !important;
max-height: calc(var(--marnamic-ui-control-height) - 2px) !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .select2-container.select2-container--default .select2-selection.select2-selection--single {
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
}
body.wp-child-theme-marnamic .select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered {
padding: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter, .hp-modal .hp-form) .select2-container--default .select2-selection--multiple .select2-selection__rendered {
min-height: calc(var(--marnamic-ui-control-height) - 18px) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 100% !important;
}
body.wp-child-theme-marnamic .marnamic-archive-filter-button {
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
}
body.wp-child-theme-marnamic button.hp-button:disabled,
body.wp-child-theme-marnamic button.hp-button[disabled],
body.wp-child-theme-marnamic button.button:disabled,
body.wp-child-theme-marnamic button.button[disabled],
body.wp-child-theme-marnamic .hp-button.hp-button--disabled,
body.wp-child-theme-marnamic .button.button--disabled {
color: var(--marnamic-ui-text-soft) !important;
background: var(--marnamic-ui-disabled) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic button.hp-button.hp-button:disabled,
body.wp-child-theme-marnamic button.hp-button.hp-button[disabled],
body.wp-child-theme-marnamic button.button.button:disabled,
body.wp-child-theme-marnamic button.button.button[disabled] {
color: rgba(241, 233, 221, 0.56) !important;
background-color: rgba(15, 25, 27, 0.72) !important;
background-image: none !important;
border-color: rgba(161, 192, 195, 0.28) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic button.hp-button.hp-button.hp-button:disabled,
body.wp-child-theme-marnamic.wp-child-theme-marnamic button.hp-button.hp-button.hp-button[disabled][disabled],
body.wp-child-theme-marnamic.wp-child-theme-marnamic button.button.button.button:disabled,
body.wp-child-theme-marnamic.wp-child-theme-marnamic button.button.button.button[disabled][disabled] {
color: rgba(241, 233, 221, 0.56) !important;
background: rgba(15, 25, 27, 0.72) !important;
background-color: rgba(15, 25, 27, 0.72) !important;
background-image: none !important;
border-color: rgba(161, 192, 195, 0.28) !important;
}
body.wp-child-theme-marnamic button.marnamic-archive-filter-button.hp-button--wide,
body.wp-child-theme-marnamic .hp-page__header button.marnamic-archive-filter-button.hp-button--wide {
width: auto !important;
min-width: 0 !important;
max-width: max-content !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .hp-form__footer > button.hp-form__button,
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) button.hp-form__button.hp-field--submit {
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-filter.hp-form--vendor-filter .hp-form__footer > button.hp-form__button.hp-form__button,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-filter.hp-form--listing-filter .hp-form__footer > button.hp-form__button.hp-form__button {
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .hp-form__footer {
width: 100% !important;
max-width: none !important;
}body.wp-child-theme-marnamic .header-navbar {
position: relative !important;
z-index: 120 !important;
}
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a {
color: var(--marnamic-ui-text) !important;
background: rgba(15, 25, 27, 0.9) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]) {
color: var(--marnamic-ui-accent) !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a::before,
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a::after {
color: var(--marnamic-ui-accent) !important;
border-color: currentColor !important;
}
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"]) {
color: var(--marnamic-navigation-accent-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
border-color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"]) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"])::before,
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"])::after {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
border-color: currentColor !important;
}
body.wp-child-theme-marnamic .header-navbar__burger {
position: relative !important;
z-index: 130 !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > a,
body.wp-child-theme-marnamic .menu-toggle {
display: inline-flex !important;
width: var(--marnamic-ui-icon-size) !important;
min-width: var(--marnamic-ui-icon-size) !important;
height: var(--marnamic-ui-icon-size) !important;
min-height: var(--marnamic-ui-icon-size) !important;
align-items: center !important;
justify-content: center !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, span),
body.wp-child-theme-marnamic .menu-toggle :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, span) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic .header-navbar__burger.marnamic-mobile-menu-open > a,
body.wp-child-theme-marnamic .header-navbar__burger > a:is(:hover, :focus-visible, [aria-expanded="true"]),
body.wp-child-theme-marnamic .menu-toggle:is(:hover, :focus-visible, [aria-expanded="true"]) {
color: var(--marnamic-navigation-accent-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
border-color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic .header-navbar__burger > ul {
position: absolute !important;
top: calc(100% + 10px) !important;
right: 0 !important;
left: auto !important;
display: grid !important;
width: min(340px, calc(100vw - 24px)) !important;
max-height: calc(100vh - 112px) !important;
gap: 4px !important;
padding: 8px !important;
overflow: auto !important;
color: var(--marnamic-ui-text) !important;
background: rgba(24, 39, 43, 0.98) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.32) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-6px) !important;
transition: opacity var(--marnamic-ui-transition), transform var(--marnamic-ui-transition), visibility var(--marnamic-ui-transition) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li {
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul .hp-link {
display: flex !important;
width: 100% !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: flex-start !important;
gap: var(--marnamic-ui-space-2) !important;
padding: 0 var(--marnamic-ui-control-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: transparent !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li > a:is(:hover, :focus-visible),
body.wp-child-theme-marnamic .header-navbar__burger > ul .hp-link:is(:hover, :focus-visible) {
color: var(--marnamic-navigation-accent-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-login > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-account > a {
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border-color: var(--marnamic-ui-border) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-login > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-account > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-login > a::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-login > a::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-account > a::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-account > a::after {
color: var(--marnamic-ui-accent) !important;
fill: currentColor !important;
stroke: currentColor !important;
border-color: currentColor !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a:is(:hover, :focus-visible, [aria-expanded="true"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a:is(:hover, :focus-visible, [aria-expanded="true"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-login > a:is(:hover, :focus-visible, [aria-expanded="true"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-account > a:is(:hover, :focus-visible, [aria-expanded="true"]) {
color: var(--marnamic-navigation-accent-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
border-color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a:is(:hover, :focus-visible, [aria-expanded="true"]) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a:is(:hover, :focus-visible, [aria-expanded="true"])::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a:is(:hover, :focus-visible, [aria-expanded="true"])::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a:is(:hover, :focus-visible, [aria-expanded="true"]) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a:is(:hover, :focus-visible, [aria-expanded="true"])::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a:is(:hover, :focus-visible, [aria-expanded="true"])::after {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
border-color: currentColor !important;
} body.wp-child-theme-marnamic {
--marnamic-shell-width: 100%;
--marnamic-header-height: 84px;
--marnamic-header-height-mobile: 64px;
--marnamic-header-navigation-height: 49px;
--marnamic-header-gap: 24px;
--marnamic-header-padding-x: clamp(24px, 3vw, 38px);
--marnamic-navigation-accent: var(--marnamic-teal, #61a5ac);
--marnamic-navigation-accent-hover: #78b8be;
--marnamic-navigation-accent-soft: rgba(97, 165, 172, 0.16);
--marnamic-navigation-accent-border: rgba(97, 165, 172, 0.46);
--marnamic-navigation-accent-text: var(--marnamic-dark, #132124);
} body.wp-child-theme-marnamic .site-container {
overflow-x: clip !important;
overflow-y: visible !important;
}
body.wp-child-theme-marnamic .site-header {
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
color: var(--marnamic-ui-text) !important;
background: rgb(19, 33, 36) !important;
width: 100% !important;
border: 0 !important;
box-shadow: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
body.admin-bar.wp-child-theme-marnamic .site-header {
top: 32px !important;
}
body.wp-child-theme-marnamic .header-navbar {
display: flex !important;
width: var(--marnamic-shell-width) !important;
min-height: var(--marnamic-header-height) !important;
align-items: center !important;
justify-content: space-between !important;
gap: var(--marnamic-header-gap) !important;
margin: 0 auto !important;
padding: 0 var(--marnamic-header-padding-x) !important;
background: transparent !important;
border: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__start,
body.wp-child-theme-marnamic .header-navbar__end,
body.wp-child-theme-marnamic .header-navbar__actions {
display: flex !important;
min-width: 0 !important;
align-items: center !important;
}
body.wp-child-theme-marnamic .header-navbar__start {
flex: 0 1 auto !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__start-divider {
display: none;
}
body.wp-child-theme-marnamic .header-navbar__end {
flex: 1 1 auto !important;
justify-content: flex-end !important;
gap: 18px !important;
}
body.wp-child-theme-marnamic .header-logo,
body.wp-child-theme-marnamic .header-logo a,
body.wp-child-theme-marnamic .custom-logo-link {
display: inline-flex !important;
min-width: 0 !important;
align-items: center !important;
color: var(--marnamic-ui-text) !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic .header-logo img,
body.wp-child-theme-marnamic .custom-logo {
display: block !important;
width: auto !important;
max-width: min(56px, 22vw) !important;
height: 42px !important;
max-height: 42px !important;
object-fit: contain !important;
}
body.wp-child-theme-marnamic .header-logo__name {
color: var(--marnamic-ui-text) !important;
font-family: var(--marnamic-font-display, inherit) !important;
font-size: 1.2rem !important;
font-weight: 700 !important;
line-height: 1.12 !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic .header-logo__description {
color: var(--marnamic-ui-text-muted) !important;
font-size: 0.82rem !important;
}
body.wp-child-theme-marnamic .header-navbar__menu {
flex: 0 1 auto !important;
min-width: 0 !important;
align-self: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__menu ul,
body.wp-child-theme-marnamic .header-navbar__burger ul,
body.wp-child-theme-marnamic .footer-navbar__menu ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul {
display: flex !important;
min-width: 0 !important;
align-items: center !important;
justify-content: flex-end !important;
gap: clamp(18px, 2.1vw, 28px) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li {
position: relative !important;
display: flex !important;
min-width: 0 !important;
align-items: center !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-login.menu-item--first,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.menu-item--user-login.menu-item--first,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--first,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.menu-item--user-account.menu-item--first {
display: none !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:is(
.menu-item--user-login,
.menu-item--user-account
):not(.menu-item--last),
body.wp-child-theme-marnamic .header-navbar__burger > ul > li:is(
.menu-item--user-login,
.menu-item--user-account
):not(.menu-item--last),
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:is(
.hp-menu__item--listings-edit,
.hp-menu__item--user-listing-packages-view,
.hp-menu__item--listings-favorite,
.hp-menu__item--user-edit-settings,
.hp-menu__item--user-logout
),
body.wp-child-theme-marnamic .header-navbar__burger > ul > li:is(
.hp-menu__item--listings-edit,
.hp-menu__item--user-listing-packages-view,
.hp-menu__item--listings-favorite,
.hp-menu__item--user-edit-settings,
.hp-menu__item--user-logout
) {
display: none !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li::before {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > .hp-link {
display: inline-flex !important;
height: auto !important;
min-height: 32px !important;
max-width: 100% !important;
align-items: center !important;
gap: 6px !important;
padding: 0 !important;
color: rgba(241, 233, 221, 0.9) !important;
background: transparent !important;
border: 1px solid transparent !important;
border-radius: 0 !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: clamp(0.92rem, 0.95vw, 1.02rem) !important;
font-weight: 500 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:is(.current-menu-item, .current-menu-ancestor, .active) > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > a:is(:hover, :focus-visible),
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:focus-within > a {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
background: transparent !important;
border-color: transparent !important;
}
body.wp-child-theme-marnamic .header-navbar__menu li.menu-item-has-children::after {
color: var(--marnamic-ui-accent) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul {
top: 100% !important;
left: 0 !important;
display: none !important;
min-width: 240px !important;
max-width: min(320px, calc(100vw - 32px)) !important;
margin-top: 0 !important;
padding: 8px !important;
color: var(--marnamic-ui-text) !important;
background: rgba(24, 39, 43, 0.98) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.32) !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul {
top: calc(100% + 12px) !important;
right: auto !important;
left: 0 !important;
width: max-content !important;
min-width: 260px !important;
max-width: min(320px, calc(100vw - 32px)) !important;
padding: 10px !important;
background: rgba(24, 39, 43, 0.98) !important;
background-clip: padding-box !important;
border-color: rgba(161, 192, 195, 0.24) !important;
outline: 0 !important;
box-shadow: none !important;
} @media (min-width: 981px) {
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul {
right: 0 !important;
left: auto !important;
inset-inline-start: auto !important;
inset-inline-end: 0 !important;
}
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul::before {
position: absolute !important;
right: 0 !important;
bottom: 100% !important;
left: 0 !important;
display: block !important;
height: 12px !important;
content: "" !important;
}
body.wp-child-theme-marnamic .header-navbar__menu li:focus-within > ul,
body.wp-child-theme-marnamic .header-navbar__menu li:hover > ul {
display: grid !important;
gap: 4px !important;
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul li {
display: block !important;
width: 100% !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul a {
display: flex !important;
width: 100% !important;
min-height: 42px !important;
align-items: center !important;
padding: 0 14px !important;
color: var(--marnamic-ui-text-muted) !important;
background: transparent !important;
border: 1px solid transparent !important;
border-radius: var(--marnamic-ui-radius-sm) !important;
font-size: 0.96rem !important;
font-weight: 650 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul a:is(:hover, :focus-visible) {
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: var(--marnamic-navigation-accent-soft, rgba(97, 165, 172, 0.16)) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul > li > a {
display: flex !important;
width: 100% !important;
min-height: 42px !important;
align-items: center !important;
gap: 8px !important;
padding: 0 14px !important;
color: var(--marnamic-ui-text-muted) !important;
background: transparent !important;
border: 1px solid transparent !important;
border-radius: var(--marnamic-ui-radius-sm) !important;
font-size: 0.96rem !important;
font-weight: 650 !important;
line-height: 1.2 !important;
} body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul > li:is(
.current-menu-item,
.current-menu-ancestor,
.active,
.hp-menu__item--current
) > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul > li > a:is(:hover, :focus-visible) {
color: var(--marnamic-ui-text, #f1e9dd) !important;
-webkit-text-fill-color: var(--marnamic-ui-text, #f1e9dd) !important;
background: var(--marnamic-navigation-accent-soft, rgba(97, 165, 172, 0.16)) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last > a {
width: auto !important;
min-width: 0 !important;
max-width: min(240px, 20vw) !important;
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
justify-content: flex-start !important;
gap: 12px !important;
padding: 0 36px 0 14px !important;
color: var(--marnamic-ui-text) !important;
background: rgba(15, 25, 27, 0.76) !important;
border: 1px solid rgba(161, 192, 195, 0.26) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last > a > span {
display: block !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last::after {
right: 12px !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last::after {
flex: 0 0 auto !important;
color: var(--marnamic-ui-accent) !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last:is(.current-menu-item, .current-menu-ancestor, .active) > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last > a:is(:hover, :focus-visible),
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last:focus-within > a {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
background: rgba(15, 25, 27, 0.92) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
} html body.wp-child-theme-marnamic #menu-header-2 > li.menu-item--user-account > a > small,
html body.wp-child-theme-marnamic #menu-header-2 .hp-menu__item--messages-thread > a > small {
color: var(--marnamic-ui-primary-text, #132124) !important;
-webkit-text-fill-color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary, #e7fd87) !important;
border: 1px solid rgba(19, 33, 36, 0.28) !important;
border-radius: var(--marnamic-ui-radius-pill, 999px) !important;
font-weight: 800 !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.menu-item--user-account > a {
max-width: 100% !important;
}
body.wp-child-theme-marnamic .header-navbar__actions {
flex: 0 0 auto !important;
justify-content: flex-end !important;
gap: 10px !important;
}
body.wp-child-theme-marnamic .header-navbar__actions .hp-menu--site-header {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__actions .hp-menu--site-header ul {
right: 0 !important;
left: auto !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item,
.hp-menu__item > a,
.menu-item > a,
.button
) {
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a,
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
a.hp-menu__item--listing-submit,
a.hp-menu__item--listing-submit.button
) {
display: inline-flex !important;
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 0 16px !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.9rem !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a {
color: var(--marnamic-ui-text) !important;
background: rgba(15, 25, 27, 0.76) !important;
border: 1px solid rgba(161, 192, 195, 0.26) !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
a.hp-menu__item--listing-submit,
a.hp-menu__item--listing-submit.button
) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border: 1px solid var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"]) {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
background: rgba(15, 25, 27, 0.92) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
a.hp-menu__item--listing-submit,
a.hp-menu__item--listing-submit.button
):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary-hover) !important;
border-color: var(--marnamic-ui-primary-hover) !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item,
.hp-menu__item > a,
.menu-item > a,
.button
) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a {
color: var(--marnamic-ui-text) !important;
background: rgba(15, 25, 27, 0.76) !important;
border-color: rgba(161, 192, 195, 0.26) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"]) {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
background: rgba(15, 25, 27, 0.92) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-account,
.menu-item--user-account
) > a {
min-width: clamp(148px, 10vw, 184px) !important;
max-width: min(240px, 18vw) !important;
justify-content: flex-start !important;
gap: 12px !important;
padding: 0 18px 0 14px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-account,
.menu-item--user-account
) > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-account,
.menu-item--user-account
) > a::after {
flex: 0 0 auto !important;
}
body.wp-child-theme-marnamic .header-navbar__burger {
flex: 0 0 auto !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > a,
body.wp-child-theme-marnamic .menu-toggle {
position: relative !important;
flex: 0 0 var(--marnamic-ui-icon-size) !important;
width: var(--marnamic-ui-icon-size) !important;
min-width: var(--marnamic-ui-icon-size) !important;
height: var(--marnamic-ui-icon-size) !important;
min-height: var(--marnamic-ui-icon-size) !important;
margin: 0 !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-menu__item--listings-edit > a > small {
color: var(--marnamic-ui-primary-text, #132124) !important;
-webkit-text-fill-color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary, #e7fd87) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > a small {
position: absolute !important;
top: -7px !important;
right: -7px !important;
min-width: 18px !important;
min-height: 18px !important;
margin: 0 !important;
padding: 0 5px !important;
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border: 1px solid var(--marnamic-ui-bg-deep) !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
font-size: 0.7rem !important;
font-weight: 800 !important;
line-height: 18px !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic .header-navbar__menu {
display: flex !important;
justify-content: flex-end !important;
}
body.wp-child-theme-marnamic .site-header .header-navbar__burger {
display: none !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic {
--marnamic-shell-width: 100%;
--marnamic-header-padding-x: clamp(18px, 5vw, 32px);
}
body.wp-child-theme-marnamic.marnamic-mobile-menu-active {
overflow: hidden !important;
}
body.wp-child-theme-marnamic .site-header {
overflow: visible !important;
}
body.wp-child-theme-marnamic .header-navbar {
min-height: var(--marnamic-header-height-mobile) !important;
padding: 0 var(--marnamic-header-padding-x) !important;
} body.wp-child-theme-marnamic .header-navbar__start .marnamic-matching-return {
order: 1 !important;
}
body.wp-child-theme-marnamic .header-navbar__start .header-logo {
order: 2 !important;
}
body.wp-child-theme-marnamic .header-navbar__start-divider {
display: none !important;
}
body.admin-bar.wp-child-theme-marnamic .site-header {
top: 32px !important;
}
body.wp-child-theme-marnamic .header-logo img,
body.wp-child-theme-marnamic .custom-logo {
max-width: min(54px, 24vw) !important;
height: 42px !important;
max-height: 42px !important;
}
body.wp-child-theme-marnamic .header-navbar__menu {
display: none !important;
}
body.wp-child-theme-marnamic .header-navbar__end {
flex: 0 1 auto !important;
gap: 8px !important;
}
body.wp-child-theme-marnamic .header-navbar__actions {
max-width: calc(100vw - 132px) !important;
gap: 6px !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) {
display: none !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
a.hp-menu__item--listing-submit,
a.hp-menu__item--listing-submit.button
),
body.wp-child-theme-marnamic .header-navbar__burger > a,
body.wp-child-theme-marnamic .menu-toggle {
width: var(--marnamic-ui-icon-size) !important;
min-width: var(--marnamic-ui-icon-size) !important;
height: var(--marnamic-ui-icon-size) !important;
min-height: var(--marnamic-ui-icon-size) !important;
padding: 0 !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-size: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
a.hp-menu__item--listing-submit,
a.hp-menu__item--listing-submit.button
) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic .header-navbar__burger > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]) {
font-size: 1rem !important;
}
body.wp-child-theme-marnamic .header-navbar__burger {
position: relative !important;
display: flex !important;
z-index: 1010 !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul {
position: fixed !important;
top: calc(var(--marnamic-header-height-mobile) + 10px) !important;
right: var(--marnamic-header-padding-x) !important;
bottom: auto !important;
left: auto !important;
z-index: 10020 !important;
display: grid !important;
width: min(360px, calc(100vw - var(--marnamic-header-padding-x) - var(--marnamic-header-padding-x))) !important;
max-height: calc(100dvh - var(--marnamic-header-height-mobile) - 22px - env(safe-area-inset-bottom)) !important;
gap: 4px !important;
margin: 0 !important;
padding: 8px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
color: var(--marnamic-ui-text) !important;
background: rgba(24, 39, 43, 0.98) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-6px) !important;
transition:
opacity var(--marnamic-ui-transition),
transform var(--marnamic-ui-transition),
visibility var(--marnamic-ui-transition) !important;
scrollbar-color: var(--marnamic-ui-accent) rgba(15, 25, 27, 0.6) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul::before {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .header-navbar__burger.marnamic-mobile-menu-open > ul {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: none !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li {
position: relative !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li::before {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul a,
body.wp-child-theme-marnamic .header-navbar__burger > ul .hp-link {
display: flex !important;
width: 100% !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
padding: 0 12px !important;
color: rgba(241, 233, 221, 0.9) !important;
background: transparent !important;
border: 1px solid transparent !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
line-height: 1.15 !important;
text-align: left !important;
text-transform: uppercase !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul li:is(.current-menu-item, .current-menu-ancestor, .active) > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul a:is(:hover, :focus-visible) {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
background: var(--marnamic-navigation-accent-soft, rgba(97, 165, 172, 0.16)) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul li.menu-item-has-children::after {
top: 13px !important;
right: 12px !important;
color: var(--marnamic-ui-accent) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul li.menu-item-has-children.active::after,
body.wp-child-theme-marnamic .header-navbar__burger > ul li.menu-item-has-children:focus-within::after {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
transform: rotate(90deg) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul ul {
display: none !important;
margin: 4px 0 6px 10px !important;
padding: 6px 0 6px 10px !important;
border-left: 1px solid var(--marnamic-ui-border-soft) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.menu-item--user-account > ul.hp-menu--user-account {
display: grid !important;
gap: 4px !important;
margin: 6px 0 8px 8px !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.menu-item--user-account > a {
max-width: 100% !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul li.active > ul,
body.wp-child-theme-marnamic .header-navbar__burger > ul li:focus-within > ul {
display: grid !important;
gap: 4px !important;
}
}
@media (max-width: 782px) {
body.admin-bar.wp-child-theme-marnamic .site-header {
top: 46px !important;
}
body.admin-bar.wp-child-theme-marnamic .header-navbar__burger > ul {
top: calc(46px + var(--marnamic-header-height-mobile) + 10px) !important;
}
}
@media (max-width: 480px) {
body.wp-child-theme-marnamic {
--marnamic-shell-width: 100%;
--marnamic-header-padding-x: 20px;
}
body.wp-child-theme-marnamic .header-navbar {
gap: 8px !important;
}
body.wp-child-theme-marnamic .header-navbar__actions .hp-menu--site-header .hp-menu__item--listing-submit.button {
display: none !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul {
right: 20px !important;
width: calc(100vw - 40px) !important;
}
} body.wp-child-theme-marnamic .marnamic-mobile-tabbar {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch {
display: none !important;
} body.wp-child-theme-marnamic .marnamic-matching-return {
display: none !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic {
--marnamic-header-height: 96px;
--marnamic-matching-header-bg: var(--marnamic-cream, #f1e9dd);
--marnamic-matching-header-text: var(--marnamic-dark, #132124);
--marnamic-matching-nav-hover-text: var(--marnamic-teal-dark, #05717c);
--marnamic-matching-nav-hover-bg: rgba(97, 165, 172, 0.1);
--marnamic-matching-nav-active-bg: rgba(97, 165, 172, 0.16);
--marnamic-matching-focus-ring: rgba(5, 113, 124, 0.42);
}
body.wp-child-theme-marnamic .site-header {
color: var(--marnamic-matching-header-text) !important;
background: var(--marnamic-matching-header-bg) !important;
border-bottom: 1px solid rgba(19, 33, 36, 0.1) !important;
box-shadow: 0 10px 28px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic .header-navbar {
min-height: var(--marnamic-header-height) !important;
padding-inline: clamp(28px, 3.75vw, 72px) !important;
}
body.wp-child-theme-marnamic .header-navbar__start {
flex: 0 0 auto !important;
gap: clamp(12px, 1.5vw, 24px) !important;
}
body.wp-child-theme-marnamic .header-navbar__start-divider {
display: block !important;
width: 1px !important;
height: 28px !important;
flex: 0 0 1px !important;
background: rgba(19, 33, 36, 0.2) !important;
}
body.wp-child-theme-marnamic .header-logo,
body.wp-child-theme-marnamic .header-logo a,
body.wp-child-theme-marnamic .custom-logo-link,
body.wp-child-theme-marnamic .header-logo__name,
body.wp-child-theme-marnamic .header-logo__description {
color: var(--marnamic-matching-header-text) !important;
}
body.wp-child-theme-marnamic .header-logo img,
body.wp-child-theme-marnamic .custom-logo {
width: 48px !important;
max-width: 48px !important;
height: 48px !important;
max-height: 48px !important;
filter: brightness(0) saturate(100%) !important;
}
body.wp-child-theme-marnamic .marnamic-matching-return {
display: inline-flex !important;
min-height: 40px !important;
align-items: center !important;
gap: 8px !important;
padding: 0 6px !important;
color: var(--marnamic-matching-header-text) !important;
background: transparent !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.84rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
text-transform: lowercase !important;
}
body.wp-child-theme-marnamic .marnamic-matching-return svg {
width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.8 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
body.wp-child-theme-marnamic .marnamic-matching-return:is(:hover, :focus-visible) {
color: var(--marnamic-matching-nav-hover-text) !important;
background: var(--marnamic-matching-nav-hover-bg) !important;
}
body.wp-child-theme-marnamic .marnamic-matching-return:focus-visible {
outline: 3px solid var(--marnamic-matching-focus-ring) !important;
outline-offset: 2px !important;
}
body.wp-child-theme-marnamic .header-navbar__end {
gap: clamp(22px, 2.5vw, 42px) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul {
gap: clamp(6px, 0.9vw, 14px) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > .hp-link {
min-height: 44px !important;
color: var(--marnamic-matching-header-text) !important;
font-size: clamp(0.94rem, 1.05vw, 1.08rem) !important;
font-weight: 550 !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:is(.current-menu-item, .current-menu-ancestor, .active) > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > a:is(:hover, :focus-visible),
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:focus-within > a,
body.wp-child-theme-marnamic .header-navbar__menu li.menu-item-has-children::after {
color: var(--marnamic-teal-dark, #05717c) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a {
min-height: 48px !important;
padding-inline: 18px !important;
color: var(--marnamic-matching-header-text) !important;
background: var(--marnamic-teal, #61a5ac) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
border-radius: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"]) {
color: var(--marnamic-matching-header-text) !important;
background: var(--marnamic-navigation-accent-hover, #78b8be) !important;
border-color: var(--marnamic-navigation-accent-hover, #78b8be) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a::after {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
border-color: currentColor !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last::after {
color: var(--marnamic-matching-header-text) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item-has-children::after {
color: var(--marnamic-matching-header-text) !important;
transition: color 160ms ease !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item-has-children:is(
.current-menu-item,
.current-menu-ancestor,
.active,
:hover,
:focus-within
)::after {
color: var(--marnamic-matching-nav-hover-text) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul {
top: calc(100% + 12px) !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic {
--marnamic-header-height-mobile: 0px;
--marnamic-mobile-tabbar-height: calc(68px + env(safe-area-inset-bottom));
padding-bottom: var(--marnamic-mobile-tabbar-height) !important;
} body.wp-child-theme-marnamic .site-header {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar {
position: fixed !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 9000 !important;
display: grid !important;
min-height: var(--marnamic-mobile-tabbar-height) !important;
grid-template-columns: repeat(var(--marnamic-mobile-tab-count, 5), minmax(0, 1fr)) !important;
align-items: stretch !important;
gap: 0 !important;
margin: 0 !important;
padding:
5px max(8px, env(safe-area-inset-right))
max(5px, env(safe-area-inset-bottom))
max(8px, env(safe-area-inset-left)) !important;
color: var(--marnamic-ui-text-muted) !important;
background: rgb(15, 25, 27) !important;
border-top: 1px solid rgba(161, 192, 195, 0.2) !important;
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.2) !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch {
position: relative !important;
z-index: 10 !important;
display: grid !important;
box-sizing: border-box !important;
width: var(--marnamic-mobile-shell-width, calc(100% - 32px)) !important;
max-width: 720px !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
margin: max(12px, env(safe-area-inset-top)) auto 0 !important;
padding: 6px !important;
background: rgba(24, 39, 43, 0.94) !important;
border: 1px solid var(--marnamic-ui-border-soft, rgba(161, 192, 195, 0.18)) !important;
border-radius: var(--marnamic-ui-radius-lg, 12px) !important;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16) !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch__item {
display: inline-flex !important;
box-sizing: border-box !important;
min-width: 0 !important;
min-height: 50px !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 10px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: rgba(15, 25, 27, 0.78) !important;
border: 1px solid var(--marnamic-ui-border, rgba(161, 192, 195, 0.28)) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: clamp(0.76rem, 3.5vw, 0.9rem) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
text-align: center !important;
text-decoration: none !important;
white-space: nowrap !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch__item :is(i, i::before) {
flex: 0 0 auto !important;
color: var(--marnamic-ui-accent, #a1c0c3) !important;
font-size: 0.88rem !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch__item span {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch__item:is(:hover, :focus-visible) {
color: var(--marnamic-navigation-accent-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
border-color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch__item:is(:hover, :focus-visible) :is(i, i::before) {
color: currentColor !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__item {
position: relative !important;
display: grid !important;
min-width: 0 !important;
min-height: 56px !important;
grid-template-rows: 26px 16px !important;
align-content: center !important;
align-items: center !important;
justify-items: center !important;
gap: 2px !important;
margin: 0 !important;
padding: 4px 2px !important;
color: var(--marnamic-ui-text-muted) !important;
background: transparent !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-sm) !important;
font-family: var(--marnamic-font-body, inherit) !important;
line-height: 1 !important;
text-align: center !important;
text-decoration: none !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__icon {
display: inline-flex !important;
width: 32px !important;
height: 26px !important;
align-items: center !important;
justify-content: center !important;
color: currentColor !important;
font-size: 1.12rem !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__icon :is(i, i::before) {
color: currentColor !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__label {
display: block !important;
width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
font-size: clamp(0.62rem, 2.6vw, 0.72rem) !important;
font-weight: 650 !important;
line-height: 1.15 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar--dense .marnamic-mobile-tabbar__icon {
font-size: 1rem !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar--dense .marnamic-mobile-tabbar__label {
font-size: clamp(0.56rem, 2.35vw, 0.68rem) !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__item:is(:hover, :focus-visible) {
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-navigation-accent-soft, rgba(97, 165, 172, 0.16)) !important;
outline: 2px solid transparent !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__item:is(.is-active, [aria-expanded="true"]) {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__item:is(.is-active, [aria-expanded="true"])::before {
position: absolute !important;
top: 1px !important;
left: 50% !important;
width: 28px !important;
height: 3px !important;
background: currentColor !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
content: "" !important;
transform: translateX(-50%) !important;
} body.wp-child-theme-marnamic.hp-template--vendors-view-page .site-header,
body.wp-child-theme-marnamic.marnamic-vendor-discovery .site-header,
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor .site-header {
display: none !important;
} body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .marnamic-mobile-tabbar,
body.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .marnamic-mobile-tabbar,
body.wp-child-theme-marnamic.marnamic-mobile-menu-active .marnamic-mobile-tabbar,
body.wp-child-theme-marnamic.fancybox-active .marnamic-mobile-tabbar,
html.fancybox-enabled body.wp-child-theme-marnamic .marnamic-mobile-tabbar {
display: none !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open,
body.wp-child-theme-marnamic.marnamic-listing-search-mobile-open {
padding-bottom: 0 !important;
}
}
@media (max-width: 340px) {
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch {
grid-template-columns: minmax(0, 1fr) !important;
}
}
body.wp-child-theme-marnamic .site-footer {
position: relative !important;
color: var(--marnamic-ui-text-muted) !important;
background:
linear-gradient(180deg, rgba(15, 25, 27, 1), rgba(19, 33, 36, 1)) !important;
border-top: 1px solid rgba(231, 253, 135, 0.18) !important;
}
body.wp-child-theme-marnamic .site-footer .container {
width: var(--marnamic-shell-width) !important;
}
body.wp-child-theme-marnamic .footer-widgets {
padding: 34px 0 !important;
border-bottom: 1px solid var(--marnamic-ui-border-soft) !important;
}
body.wp-child-theme-marnamic .footer-widgets .row {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
gap: 22px !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .footer-widgets .row > [class*="col-"],
body.wp-child-theme-marnamic .footer-widgets .widget--footer {
width: auto !important;
max-width: none !important;
flex: initial !important;
min-width: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .widget--footer .widget__title,
body.wp-child-theme-marnamic .footer-widgets .widget__title {
margin: 0 0 12px !important;
padding-top: 12px !important;
color: var(--marnamic-ui-text) !important;
font-family: var(--marnamic-font-display, inherit) !important;
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic .widget--footer .widget__title::before,
body.wp-child-theme-marnamic .footer-widgets .widget__title::before {
top: 0 !important;
width: 30px !important;
height: 3px !important;
background: var(--marnamic-ui-primary) !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
}
body.wp-child-theme-marnamic .site-footer :is(p, li, address, .textwidget) {
color: var(--marnamic-ui-text-muted) !important;
line-height: 1.65 !important;
}
body.wp-child-theme-marnamic .site-footer :is(a, .footer-navbar__menu a, .widget--footer a) {
color: var(--marnamic-ui-text-muted) !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic .site-footer :is(a, .footer-navbar__menu a, .widget--footer a):is(:hover, :focus-visible) {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic .footer-navbar {
display: flex !important;
min-height: 74px !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
padding: 18px 0 !important;
}
body.wp-child-theme-marnamic .footer-navbar__start,
body.wp-child-theme-marnamic .footer-navbar__end {
display: flex !important;
min-width: 0 !important;
align-items: center !important;
}
body.wp-child-theme-marnamic .footer-navbar__end:only-child {
width: 100% !important;
justify-content: center !important;
}
body.wp-child-theme-marnamic .footer-navbar__copyright {
color: var(--marnamic-ui-text-soft) !important;
font-size: 0.92rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu ul {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 8px !important;
}
body.wp-child-theme-marnamic .footer-navbar__end:only-child .footer-navbar__menu ul {
justify-content: center !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu li {
margin: 0 !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu a {
display: inline-flex !important;
min-height: 34px !important;
align-items: center !important;
padding: 0 10px !important;
border: 1px solid transparent !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-size: 0.92rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu a:is(:hover, :focus-visible) {
background: var(--marnamic-navigation-accent-soft, rgba(97, 165, 172, 0.16)) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
}
body.wp-child-theme-marnamic {
--gtt-tooltip-text-color: var(--marnamic-ui-text);
--gtt-tooltip-bg: var(--marnamic-ui-surface-raised);
--gtt-tooltip-border: rgba(231, 253, 135, 0.32);
}
body.wp-child-theme-marnamic .glossary-link {
color: var(--marnamic-ui-primary, #e7fd87) !important;
text-decoration-color: currentColor !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 0.16em !important;
}
body.wp-child-theme-marnamic .glossary-link:is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary, #e7fd87) !important;
text-decoration-color: currentColor !important;
}
body.wp-child-theme-marnamic .marnamic-surface--light .glossary-link {
color: var(--marnamic-teal-dark, #05717c) !important;
text-decoration-color: currentColor !important;
}
body.wp-child-theme-marnamic .marnamic-surface--light .glossary-link:is(:hover, :focus-visible) {
color: var(--marnamic-teal-dark, #05717c) !important;
text-decoration-color: currentColor !important;
}
body.wp-child-theme-marnamic .glossary-tooltip::after,
body.wp-child-theme-marnamic .glossary-link::after {
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-surface-raised) !important;
border: 1px solid rgba(231, 253, 135, 0.32) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.34) !important;
}
body.wp-child-theme-marnamic .glossary-tooltip::before,
body.wp-child-theme-marnamic .glossary-link::before {
border-color: rgba(231, 253, 135, 0.32) transparent transparent transparent !important;
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic .footer-widgets {
padding: 28px 0 !important;
}
body.wp-child-theme-marnamic .footer-navbar {
min-height: 0 !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 12px !important;
padding: 18px 0 calc(var(--marnamic-mobile-tabbar-height, 68px) + 24px) !important;
text-align: center !important;
}
body.wp-child-theme-marnamic .footer-navbar__start,
body.wp-child-theme-marnamic .footer-navbar__end {
justify-content: center !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu {
width: 100% !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu ul {
display: grid !important;
width: 100% !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px 22px !important;
justify-content: stretch !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu a {
width: 100% !important;
justify-content: center !important;
white-space: normal !important;
}
} @media (min-width: 981px) {
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:not(.menu-item--user-login, .menu-item--user-account) > a {
min-height: var(--marnamic-header-navigation-height) !important;
padding: 0 14px !important;
color: var(--marnamic-matching-header-text, #132124) !important;
background: transparent !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
font-family: var(--marnamic-font-body, "Quicksand", sans-serif) !important;
font-size: clamp(0.9rem, 0.84rem + 0.2vw, 1rem) !important;
font-weight: 650 !important;
line-height: 1.2 !important;
letter-spacing: 0.035em !important;
text-decoration: none !important;
text-transform: uppercase !important;
overflow: visible !important;
text-overflow: clip !important;
transition: color 160ms ease, background-color 160ms ease !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:is(
.menu-item--user-login,
.menu-item--user-account
) > a,
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account,
.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
a.hp-menu__item--listing-submit,
a.hp-menu__item--listing-submit.button
) {
height: var(--marnamic-header-navigation-height) !important;
min-height: var(--marnamic-header-navigation-height) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:not(.menu-item--user-login, .menu-item--user-account):is(
.current-menu-item,
.current-menu-ancestor,
.active
) > a {
color: var(--marnamic-matching-nav-hover-text, #05717c) !important;
background: var(--marnamic-matching-nav-active-bg, rgba(97, 165, 172, 0.16)) !important;
border-color: transparent !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:not(.menu-item--user-login, .menu-item--user-account) > a:is(:hover, :focus-visible),
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:not(.menu-item--user-login, .menu-item--user-account):focus-within > a {
color: var(--marnamic-matching-nav-hover-text, #05717c) !important;
background: var(--marnamic-matching-nav-hover-bg, rgba(97, 165, 172, 0.1)) !important;
border-color: transparent !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:not(.menu-item--user-login, .menu-item--user-account) > a:focus-visible,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a:focus-visible {
outline: 3px solid var(--marnamic-matching-focus-ring, rgba(5, 113, 124, 0.42)) !important;
outline-offset: 2px !important;
}
} body.wp-child-theme-marnamic .site-footer {
background: #132124 !important;
border-top: 0 !important;
}
body.wp-child-theme-marnamic .site-footer :is(a, .footer-navbar__menu a, .widget--footer a) {
color: #f1e9dd !important;
font-family: var(--marnamic-font-body, "Quicksand", sans-serif) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 23.8px !important;
letter-spacing: normal !important;
text-decoration: none !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu a {
min-height: 0 !important;
padding: 0 !important;
color: #f1e9dd !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu ul {
column-gap: 22px !important;
}
body.wp-child-theme-marnamic .site-footer :is(a, .footer-navbar__menu a, .widget--footer a):is(:hover, :focus-visible) {
color: #a1c0c3 !important;
background: transparent !important;
border-color: transparent !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu li:is(.current-menu-item, .current-menu-ancestor, .active) > a {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
} @media (max-width: 980px) {
body.wp-child-theme-marnamic .mn-platform-footer {
padding: 8px max(16px, env(safe-area-inset-right))
calc(8px + var(--marnamic-mobile-tabbar-height, calc(68px + env(safe-area-inset-bottom))))
max(16px, env(safe-area-inset-left)) !important;
}
body.wp-child-theme-marnamic .mn-platform-footer__inner {
gap: 4px;
}
body.wp-child-theme-marnamic .mn-platform-footer__meta {
gap: 2px 8px;
}
body.wp-child-theme-marnamic .mn-platform-footer__credit {
min-height: 14px;
gap: 4px;
font-size: 0.7rem;
line-height: 14px;
}
body.wp-child-theme-marnamic .mn-platform-footer__openclaw {
width: 14px;
height: 14px;
}
body.wp-child-theme-marnamic .mn-platform-footer__links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 12px;
align-items: stretch;
} body.wp-child-theme-marnamic .mn-platform-footer .mn-platform-footer__menu {
display: contents;
}
body.wp-child-theme-marnamic .mn-platform-footer__menu > li {
min-width: 0;
}
body.wp-child-theme-marnamic .mn-platform-footer__links :is(a, .mn-platform-footer__cookie) {
box-sizing: border-box;
width: 100%;
min-width: 0;
min-height: 44px !important;
height: auto;
margin: 0;
padding: 6px 0;
justify-content: flex-start;
font-size: 0.78rem;
line-height: 1.35;
letter-spacing: 0;
overflow-wrap: anywhere;
white-space: normal;
text-align: left;
}
}body.wp-child-theme-marnamic.wp-child-theme-marnamic select.select2-hidden-accessible.select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
} body.wp-child-theme-marnamic .header-navbar__menu ul ul {
top: 100% !important;
margin-top: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__menu li:is(:hover, :focus-within) > ul {
display: grid !important;
gap: 4px !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(.hp-form__field, .hp-form__footer) {
display: flex !important;
min-width: 0 !important;
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(
input,
select,
.hp-field--location,
.select2-container,
.select2-selection--single,
.hp-form__button,
button[type="submit"],
input[type="submit"]
) {
min-width: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container {
width: 100% !important;
}
body.wp-child-theme-marnamic .hp-page__topbar .hp-menu--tabbed ul {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.wp-child-theme-marnamic .hp-page__topbar .hp-menu--tabbed li {
margin: 0 !important;
}
body.wp-child-theme-marnamic .hp-page__topbar .hp-menu--tabbed a {
display: inline-flex !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
color: var(--marnamic-ui-text-muted) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-page__topbar .hp-menu--tabbed :is(.current-menu-item, .hp-menu__item--current) > a,
body.wp-child-theme-marnamic .hp-page__topbar .hp-menu--tabbed a:is(:hover, :focus-visible) {
color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-action-selected, var(--marnamic-teal, #61a5ac)) !important;
border-color: var(--marnamic-action-selected, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic .hp-page__topbar :is(
.hp-listing__actions--secondary,
.hp-vendor__actions--secondary
) {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
align-items: center !important;
justify-content: flex-end !important;
}
body.wp-child-theme-marnamic .hp-page__topbar :is(
.hp-listing__actions--secondary,
.hp-vendor__actions--secondary
) > :is(.hp-listing__action, .hp-vendor__action, .hp-link) {
display: inline-flex !important;
width: auto !important;
min-width: var(--marnamic-ui-control-height-sm) !important;
max-width: 100% !important;
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
max-height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
color: var(--marnamic-ui-primary) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-page__topbar :is(
.hp-listing__actions--secondary,
.hp-vendor__actions--secondary
) > :is(.hp-listing__action, .hp-vendor__action, .hp-link):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--listing-view-page,
.hp-template--vendor-view-page
) .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
),
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-page__sidebar .hp-listing__actions--primary.hp-widget,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-page__sidebar .hp-vendor__actions--primary.hp-widget {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
) > :is(
.hp-listing__action,
.hp-vendor__action,
.button,
.hp-button,
.hp-link
) {
display: inline-flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 0 var(--marnamic-ui-button-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid rgba(161, 192, 195, 0.38) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 1.1 !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
transform: none !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
) > :is(
.hp-listing__action,
.hp-vendor__action,
.button,
.hp-button,
.hp-link
) :is(i, .hp-icon, svg) {
flex: 0 0 auto !important;
width: 1.15em !important;
min-width: 1.15em !important;
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
text-align: center !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
) > :is(
.hp-listing__action,
.hp-vendor__action,
.button,
.hp-button,
.hp-link
) span {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
) > :is(
.hp-listing__action--message,
.hp-listing__action--reply,
.hp-vendor__action--message,
.button--primary,
.button-primary
) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact {
width: 100% !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .select2-selection--multiple {
position: relative !important;
display: flex !important;
width: 100% !important;
height: var(--marnamic-ui-control-height, 56px) !important;
min-height: var(--marnamic-ui-control-height, 56px) !important;
max-height: var(--marnamic-ui-control-height, 56px) !important;
align-items: center !important;
padding: 0 var(--marnamic-ui-control-icon-space, 44px) 0 var(--marnamic-ui-control-padding-x, 18px) !important;
overflow: hidden !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .select2-selection--multiple .select2-selection__rendered {
position: relative !important;
display: flex !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
align-items: center !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
flex-wrap: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .select2-selection__choice {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .select2-search--inline {
flex: 0 0 1px !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .select2-search__field {
width: 1px !important;
min-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .marnamic-select2-summary {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
height: 100% !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.68)) !important;
background: transparent !important;
border: 0 !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.15 !important;
list-style: none !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact.marnamic-select2--has-value .marnamic-select2-summary {
color: var(--marnamic-ui-text, #f1e9dd) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .marnamic-select2-summary__label {
display: block !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .marnamic-select2-summary__clear {
display: none !important;
flex: 0 0 28px !important;
width: 28px !important;
min-width: 28px !important;
height: 28px !important;
min-height: 28px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary, #e7fd87) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
font-size: 1.1rem !important;
font-weight: 800 !important;
line-height: 1 !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact.marnamic-select2--has-value .marnamic-select2-summary__clear {
display: inline-flex !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact.select2-container--open .marnamic-select2-summary {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact.select2-container--open .select2-search--inline {
flex: 1 1 100% !important;
width: 100% !important;
min-width: 8rem !important;
max-width: 100% !important;
height: 100% !important;
overflow: visible !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact.select2-container--open .select2-search__field {
width: 100% !important;
min-width: 8rem !important;
height: 100% !important;
min-height: 100% !important;
padding: 0 !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
font-size: 1rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-results__option[aria-selected="true"],
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-results__option--selected {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-results__option[aria-selected="true"]::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-results__option--selected::before {
content: "\2713" !important;
flex: 0 0 auto !important;
font-weight: 900 !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
) > :is(
.hp-listing__action--message,
.hp-listing__action--reply,
.hp-vendor__action--message,
.button--primary,
.button-primary
):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary-hover) !important;
border-color: var(--marnamic-ui-primary-hover) !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
) > :is(
.hp-listing__action--review,
.hp-listing__action--claim,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--claim,
.hp-vendor__action--report,
.hp-link
):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary) !important;
background: var(--marnamic-ui-input-hover) !important;
border-color: rgba(231, 253, 135, 0.56) !important;
}
body.wp-child-theme-marnamic :is(.hp-listing--view-block, .hp-vendor--view-block) :is(
.hp-listing__actions,
.hp-vendor__actions
) > :is(.hp-listing__action, .hp-vendor__action, .hp-link) {
width: var(--marnamic-ui-icon-size) !important;
min-width: var(--marnamic-ui-icon-size) !important;
max-width: var(--marnamic-ui-icon-size) !important;
height: var(--marnamic-ui-icon-size) !important;
min-height: var(--marnamic-ui-icon-size) !important;
max-height: var(--marnamic-ui-icon-size) !important;
padding: 0 !important;
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic .hp-page__topbar {
align-items: stretch !important;
}
body.wp-child-theme-marnamic .hp-page__topbar > * {
width: 100% !important;
}
body.wp-child-theme-marnamic .hp-page__topbar :is(
.hp-listing__actions--secondary,
.hp-vendor__actions--secondary
) {
justify-content: stretch !important;
}
body.wp-child-theme-marnamic .hp-page__topbar :is(
.hp-listing__actions--secondary,
.hp-vendor__actions--secondary
) > :is(.hp-listing__action, .hp-vendor__action, .hp-link) {
width: 100% !important;
}
} body.wp-child-theme-marnamic .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic > .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic .select2-dropdown.select2-dropdown--above,
body.wp-child-theme-marnamic .select2-dropdown.select2-dropdown--below {
min-width: 0 !important;
max-width: min(var(--marnamic-ui-dropdown-max-width), calc(100vw - 32px)) !important;
}
body.wp-child-theme-marnamic .site-header .header-navbar :is(
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button
) {
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
max-height: var(--marnamic-ui-control-height-sm) !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
font-size: 0.95rem !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic :is(
.button--large,
.hp-button--large,
.button.button--large,
.hp-button.button--large
):not(.map-filter-btn):not(.hp-listing__action):not(.hp-vendor__action) {
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
}
body.wp-child-theme-marnamic :is(
.button--small,
.hp-button--small,
.marnamic-button--compact
):not(.hp-listing__action):not(.hp-vendor__action) {
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
max-height: var(--marnamic-ui-control-height-sm) !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-listing--view-block, .hp-vendor--view-block) :is(
.hp-listing__actions,
.hp-vendor__actions
) > :is(.hp-listing__action, .hp-vendor__action, .hp-link),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__sidebar :is(.hp-listing--view-block, .hp-vendor--view-block) :is(
.hp-listing__actions,
.hp-vendor__actions
) > :is(.hp-listing__action, .hp-vendor__action, .hp-link) {
display: inline-flex !important;
width: var(--marnamic-ui-icon-size) !important;
min-width: var(--marnamic-ui-icon-size) !important;
max-width: var(--marnamic-ui-icon-size) !important;
height: var(--marnamic-ui-icon-size) !important;
min-height: var(--marnamic-ui-icon-size) !important;
max-height: var(--marnamic-ui-icon-size) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: var(--marnamic-ui-primary) !important;
background: rgba(15, 25, 27, 0.86) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header.site-header .header-navbar.header-navbar .header-navbar__actions .hp-menu--site-header .hp-menu__item--listing-submit.button.button,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header.site-header .header-navbar.header-navbar .hp-menu__item--listing-submit.button.button {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
font-size: 0.95rem !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button--small,
.hp-button--small,
.marnamic-button--compact
):not(.hp-listing__action):not(.hp-vendor__action):not(.map-filter-btn) {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
}body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
display: grid !important;
width: 100% !important;
max-width: none !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
gap: 12px !important;
align-items: stretch !important;
} @media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
--marnamic-air-search-height: 78px;
--marnamic-air-search-inline: 22px;
display: grid !important;
width: min(100%, 1080px) !important;
max-width: 1080px !important;
min-height: var(--marnamic-air-search-height) !important;
grid-template-columns: minmax(0, 1fr) 58px !important;
gap: 10px !important;
align-items: center !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0 10px !important;
color: #132124 !important;
background: #c9c4b9 !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
display: flex !important;
min-width: 0 !important;
height: var(--marnamic-air-search-height) !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-width: 0 !important;
min-height: var(--marnamic-air-search-height) !important;
flex: 1 1 0 !important;
align-content: center !important;
gap: 4px !important;
padding: 13px var(--marnamic-air-search-inline) !important;
color: #132124 !important;
background: transparent !important;
border: 1px solid transparent !important;
border-radius: 999px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child {
padding-left: var(--marnamic-air-search-inline) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:focus-within,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:focus-within {
z-index: 20 !important;
flex-grow: 1.16 !important;
color: #132124 !important;
background: #f6f2ea !important;
border-color: rgba(19, 33, 36, 0.14) !important;
box-shadow: 0 7px 20px rgba(19, 33, 36, 0.16) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within)::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within) + .hp-form__field::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within)::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within) + .hp-form__field::before {
opacity: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, input[type="text"], input[type="search"], .marnamic-air-search__hint),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, input[type="text"], input[type="search"], .marnamic-air-search__hint) {
color: #132124 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label {
font-size: 1.02rem !important;
line-height: 1.05 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
font-size: 0.96rem !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
flex-basis: 58px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
flex-basis: 58px !important;
background-size: 28px 28px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover {
top: calc(100% + 10px) !important;
left: 0 !important;
right: auto !important;
border-radius: 24px !important;
box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
display: grid !important;
width: 100% !important;
max-width: none !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(.hp-form__field, .hp-form__footer) {
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__footer {
display: flex !important;
width: auto !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
flex: 1 1 auto !important;
width: auto !important;
min-width: 156px !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(
input,
select,
.hp-field--location,
.select2-container,
.select2-selection--single
) {
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container.select2-container--default .select2-selection.select2-selection--single {
display: flex !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered {
display: flex !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
align-items: center !important;
padding: 0 !important;
line-height: 1.2 !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 100% !important;
}
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
grid-template-columns: 1fr !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
gap: 10px !important;
align-items: center !important;
padding: 8px !important;
overflow: visible !important;
background: rgba(15, 25, 27, 0.92) !important;
border: 1px solid rgba(161, 192, 195, 0.28) !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.is-loading {
cursor: wait !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.is-loading::after {
position: absolute;
inset: 0;
z-index: 5;
pointer-events: none;
background: linear-gradient(90deg, transparent, rgba(231, 253, 135, 0.12), transparent);
border-radius: inherit;
content: "";
animation: marnamic-air-search-loading 1.2s ease-in-out infinite;
}
@keyframes marnamic-air-search-loading {
0% {
opacity: 0.2;
transform: translateX(-18%);
}
50% {
opacity: 0.95;
}
100% {
opacity: 0.2;
transform: translateX(18%);
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
display: grid !important;
grid-template-columns: minmax(220px, 1.25fr) minmax(190px, 0.9fr) minmax(220px, 1fr) !important;
gap: 0 !important;
align-items: stretch !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field {
position: relative !important;
display: grid !important;
min-height: 62px !important;
align-items: center !important;
padding: 10px 18px !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
transition: background-color var(--marnamic-ui-transition), box-shadow var(--marnamic-ui-transition) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:not(:first-child)::before {
position: absolute;
top: 14px;
bottom: 14px;
left: 0;
width: 1px;
background: rgba(161, 192, 195, 0.24);
content: "";
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open) {
z-index: 20;
background: rgba(241, 233, 221, 0.08) !important;
box-shadow: inset 0 0 0 1px rgba(231, 253, 135, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open)::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open) + .hp-form__field::before {
opacity: 0;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__label {
display: block !important;
margin: 0 0 4px !important;
color: var(--marnamic-ui-text) !important;
font-size: 0.78rem !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__hint {
display: block !important;
min-width: 0 !important;
overflow: hidden !important;
color: var(--marnamic-ui-text-soft) !important;
font-size: 0.9rem !important;
font-weight: 650 !important;
line-height: 1.15 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .hp-field--location, .select2-container--default .select2-selection--single) {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 0 !important;
color: var(--marnamic-ui-text) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"]) {
font-size: 0.95rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location {
display: block !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location input[type="text"] {
height: auto !important;
min-height: 0 !important;
padding-right: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .select2-container--default .select2-selection--single .select2-selection__rendered {
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .select2-selection__arrow {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
display: flex !important;
align-items: stretch !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: auto !important;
min-width: 122px !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
padding: 0 24px !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
font-weight: 800 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover {
position: absolute;
top: calc(100% + 12px);
left: 0;
z-index: 10030;
display: none;
width: min(420px, calc(100vw - 32px));
max-height: min(520px, 70vh);
padding: 16px;
overflow-x: hidden;
overflow-y: auto;
color: #132124;
background: #f6f2ea;
border: 1px solid rgba(19, 33, 36, 0.14);
border-radius: var(--marnamic-ui-radius-lg);
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:nth-child(3) .marnamic-air-search__popover {
right: 0;
left: auto;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open .marnamic-air-search__popover {
display: grid;
gap: 14px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__group {
display: grid;
gap: 0;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__group-title {
display: none !important;
color: var(--marnamic-ui-text-soft);
font-size: 0.78rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__options {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option {
display: inline-flex;
max-width: 100%;
min-height: 34px;
align-items: center;
justify-content: center;
padding: 0 12px;
overflow: hidden;
color: var(--marnamic-ui-text);
background: rgba(241, 233, 221, 0.06);
border: 1px solid rgba(161, 192, 195, 0.26);
border-radius: var(--marnamic-ui-radius-pill);
font-family: var(--marnamic-font-body, inherit);
font-size: 0.9rem;
font-weight: 750;
line-height: 1.05;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option:is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text);
background: var(--marnamic-ui-primary);
border-color: var(--marnamic-ui-primary);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chips {
display: flex;
grid-column: 1 / -1;
flex-wrap: wrap;
gap: 8px;
min-height: 0;
padding: 0 8px 4px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chip {
display: inline-flex;
max-width: 100%;
min-height: 28px;
align-items: center;
gap: 6px;
padding: 0 10px;
color: var(--marnamic-ui-primary-text);
background: var(--marnamic-ui-primary);
border: 0;
border-radius: var(--marnamic-ui-radius-pill);
font-size: 0.82rem;
font-weight: 800;
line-height: 1;
white-space: nowrap;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chip--reset {
color: var(--marnamic-ui-text);
background: rgba(241, 233, 221, 0.1);
border: 1px solid rgba(161, 192, 195, 0.26);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chip button {
display: inline-flex;
width: 18px;
height: 18px;
min-height: 18px;
align-items: center;
justify-content: center;
padding: 0;
color: currentColor;
background: transparent;
border: 0;
border-radius: 50%;
font-size: 1rem;
line-height: 1;
cursor: pointer;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chip button:is(:hover, :focus-visible) {
background: rgba(19, 33, 36, 0.16);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-archive-live-loading :is(.hp-page__topbar, .hp-vendors, .hp-listings, .pagination) {
opacity: 0.58;
pointer-events: none;
transition: opacity var(--marnamic-ui-transition);
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .site-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .site-content {
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .site-content > .container {
width: 100% !important;
max-width: none !important;
padding-right: 32px !important;
padding-left: 32px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.site-main {
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
display: flex !important;
flex-wrap: nowrap !important;
gap: 28px !important;
align-items: flex-start !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content {
order: 1 !important;
flex: 0 0 calc(54% - 14px) !important;
max-width: calc(54% - 14px) !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
position: sticky !important;
top: 20px !important;
order: 2 !important;
flex: 0 0 calc(46% - 14px) !important;
max-width: calc(46% - 14px) !important;
max-height: calc(100vh - 40px) !important;
padding-right: 0 !important;
padding-left: 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
display: grid !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
gap: 16px !important;
align-items: center !important;
margin-bottom: 22px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header :is(.marnamic-archive-filter-button, .hp-button--vendor-filter, .hp-button--listing-filter) {
display: inline-flex !important;
width: auto !important;
min-width: 116px !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
width: min(100%, 900px) !important;
justify-self: center !important;
padding: 6px !important;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: minmax(180px, 1.2fr) minmax(160px, 0.8fr) minmax(180px, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 52px !important;
padding: 8px 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
min-width: 58px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
padding: 0 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__topbar {
position: sticky !important;
top: 0 !important;
z-index: 30 !important;
margin: 0 0 24px !important;
padding: 18px 0 !important;
background: var(--marnamic-ui-bg) !important;
border-bottom: 1px solid var(--marnamic-ui-border-soft) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-vendors, .hp-listings) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 28px !important;
align-items: start !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-vendor--view-block, .hp-listing--view-block) {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > :not(.marnamic-map-hotfix):not(.marnamic-archive-map-shell):not(.marnamic-archive-filter-shell):not(:has(.marnamic-map-hotfix)) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > .marnamic-archive-non-map-shell {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > .marnamic-archive-map-shell {
display: block !important;
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar :is(.inner-wrapper-sticky, .marnamic-archive-map-sticky-shell) {
position: static !important;
top: auto !important;
width: 100% !important;
max-width: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar :is(.hp-widget--vendor-filter, .hp-widget--listing-filter) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
clip-path: inset(50%) !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive {
height: calc(100vh - 40px) !important;
min-height: 560px !important;
margin-bottom: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
height: calc(100vh - 40px) !important;
min-height: 560px !important;
border-radius: 16px !important;
}
}
@media (min-width: 1100px) and (max-width: 1320px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .site-content > .container {
padding-right: 24px !important;
padding-left: 24px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-vendors, .hp-listings) {
gap: 22px !important;
}
}
@media (max-width: 1099px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
height: 420px !important;
min-height: 420px !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search {
grid-template-columns: 1fr !important;
border-radius: var(--marnamic-ui-radius-lg) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 58px !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field::before {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover {
position: fixed;
top: auto;
right: 12px !important;
bottom: 12px;
left: 12px !important;
width: auto;
max-height: min(520px, 72vh);
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame .hp-page__topbar {
display: grid !important;
width: 100% !important;
min-width: 0 !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
gap: 12px 20px !important;
align-items: center !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar .hp-result-count,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame .hp-page__topbar .hp-result-count {
display: inline-flex !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
justify-self: start !important;
padding: 0 var(--marnamic-ui-control-padding-x) !important;
overflow: hidden !important;
color: var(--marnamic-ui-text-muted) !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
letter-spacing: 0.04em !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) {
display: grid !important;
width: max-content !important;
min-width: 0 !important;
max-width: 100% !important;
justify-self: end !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field) {
display: grid !important;
width: max-content !important;
min-width: 0 !important;
max-width: 100% !important;
grid-template-columns: max-content minmax(132px, 180px) !important;
gap: 10px !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) .hp-form__fields {
grid-template-columns: max-content !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__label, .hp-field__label),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__label, .hp-field__label) {
margin: 0 !important;
color: var(--marnamic-ui-text-muted) !important;
font-size: 0.86rem !important;
font-weight: 800 !important;
letter-spacing: 0.04em !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container {
width: clamp(132px, 16vw, 180px) !important;
min-width: 0 !important;
max-width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single {
width: 100% !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-selection__rendered,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-selection__rendered {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open {
width: auto !important;
min-width: min(var(--marnamic-ui-dropdown-min-width), calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
overflow: visible !important;
z-index: 10080 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-dropdown {
display: block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
max-height: min(280px, 52vh) !important;
overflow: hidden !important;
z-index: 10080 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open:has(.select2-dropdown--inline) {
min-width: min(180px, calc(100vw - 32px)) !important;
max-width: min(180px, calc(100vw - 32px)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-dropdown--inline {
width: min(180px, calc(100vw - 32px)) !important;
min-width: min(180px, calc(100vw - 32px)) !important;
max-width: min(180px, calc(100vw - 32px)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open :is(.select2-results, .select2-results__options) {
width: 100% !important;
max-width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-results__options {
max-height: min(240px, 48vh) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-results__option {
display: block !important;
min-height: 38px !important;
padding: 9px 12px !important;
overflow: hidden !important;
font-size: 0.92rem !important;
line-height: 1.15 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar {
grid-template-columns: minmax(0, auto) minmax(220px, 1fr) !important;
padding: 18px 20px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar .hp-result-count {
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
width: 100% !important;
justify-self: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__fields {
display: flex !important;
width: 100% !important;
justify-content: flex-end !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__field {
display: grid !important;
width: min(100%, 430px) !important;
grid-template-columns: max-content minmax(180px, 280px) !important;
gap: 12px !important;
align-items: center !important;
justify-content: end !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .select2-container {
width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .select2-container--default .select2-selection--single {
display: flex !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .select2-container--default .select2-selection--single .select2-selection__rendered {
display: flex !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
align-items: center !important;
padding: 0 !important;
overflow: hidden !important;
color: var(--marnamic-ui-text) !important;
font-size: 0.98rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__topbar > .hp-result-count,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__topbar .hp-result-count {
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text-muted) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-sort, .hp-form--listing-sort) .select2-container--default :is(.select2-selection--single, .select2-selection--inline) {
display: flex !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-sort, .hp-form--listing-sort) .select2-container--default :is(.select2-selection--single, .select2-selection--inline) .select2-selection__rendered {
display: flex !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
align-items: center !important;
padding: 0 !important;
overflow: hidden !important;
color: var(--marnamic-ui-text) !important;
font-size: 0.98rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open ul[id^="select2-_sort-"][id$="-results"] > .select2-results__option[aria-disabled="true"] {
display: none !important;
}
@media (max-width: 820px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar {
grid-template-columns: 1fr !important;
padding: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__fields {
justify-content: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__field {
width: 100% !important;
grid-template-columns: 1fr !important;
justify-content: stretch !important;
}
}
@media (max-width: 820px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame .hp-page__topbar {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) {
width: 100% !important;
justify-self: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field) {
width: 100% !important;
grid-template-columns: minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container {
width: 100% !important;
}
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results {
--marnamic-archive-sticky-offset: 104px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
position: sticky !important;
top: 0 !important;
z-index: 80 !important;
display: grid !important;
grid-template-columns: minmax(120px, 1fr) minmax(620px, 860px) minmax(120px, 1fr) !important;
gap: 18px !important;
align-items: start !important;
margin: 0 -32px 28px !important;
padding: 14px 32px 54px !important;
background: rgba(15, 25, 27, 0.98) !important;
border-bottom: 1px solid rgba(161, 192, 195, 0.22) !important;
box-shadow: 0 12px 34px rgba(0, 0, 0, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .marnamic-screen-title {
margin: 0 !important;
overflow: hidden !important;
color: var(--marnamic-ui-text) !important;
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 1.15 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
justify-self: center !important;
padding: 6px !important;
border-color: rgba(241, 233, 221, 0.18) !important;
background: #f1e9dd !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: minmax(180px, 1.1fr) minmax(180px, 1fr) minmax(180px, 0.95fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 50px !important;
padding: 8px 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:not(:first-child)::before {
background: rgba(19, 33, 36, 0.16) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open) {
background: rgba(19, 33, 36, 0.06) !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, input[type="text"], input[type="search"], .select2-container--default .select2-selection--single .select2-selection__rendered) {
color: var(--marnamic-ui-bg, #132124) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__hint {
color: rgba(19, 33, 36, 0.66) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips {
position: absolute !important;
top: calc(100% + 10px) !important;
left: 0 !important;
display: flex !important;
flex-wrap: nowrap !important;
width: min(100%, 860px) !important;
max-width: 100% !important;
padding: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips::-webkit-scrollbar {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chip {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
min-width: 104px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
padding: 0 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .marnamic-archive-filter-button {
grid-column: 3 !important;
grid-row: 1 !important;
display: inline-flex !important;
width: auto !important;
min-width: 108px !important;
visibility: visible !important;
justify-self: end !important;
pointer-events: auto !important;
padding-right: 18px !important;
padding-left: 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
min-height: calc(100vh - var(--marnamic-archive-sticky-offset, 104px) - 20px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content {
flex-basis: calc(52% - 14px) !important;
max-width: calc(52% - 14px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
top: var(--marnamic-archive-sticky-offset, 104px) !important;
flex-basis: calc(48% - 14px) !important;
max-width: calc(48% - 14px) !important;
max-height: calc(100vh - var(--marnamic-archive-sticky-offset, 104px) - 20px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__topbar {
top: var(--marnamic-archive-sticky-offset, 104px) !important;
z-index: 35 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
gap: 14px !important;
align-items: center !important;
margin: 0 0 22px !important;
padding: 14px 0 !important;
background: var(--marnamic-ui-bg) !important;
border-bottom: 1px solid var(--marnamic-ui-border-soft) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__topbar .hp-result-count {
min-height: 0 !important;
color: var(--marnamic-ui-text) !important;
font-size: 1.05rem !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
width: auto !important;
min-width: 0 !important;
justify-self: end !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__fields {
display: flex !important;
justify-content: flex-end !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__field {
width: auto !important;
grid-template-columns: max-content minmax(160px, 220px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
height: clamp(420px, calc(100vh - var(--marnamic-archive-sticky-offset, 104px) - 20px), 760px) !important;
min-height: 420px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
border-radius: 16px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors {
align-items: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors .hp-grid__item {
min-width: 0 !important;
margin-bottom: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block {
display: grid !important;
grid-template-columns: 88px minmax(0, 1fr) !important;
gap: 14px !important;
align-items: start !important;
min-height: 0 !important;
padding: 14px !important;
overflow: hidden !important;
border-radius: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__image {
display: block !important;
width: 88px !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__image a {
display: flex !important;
width: 88px !important;
min-width: 88px !important;
height: 88px !important;
min-height: 88px !important;
aspect-ratio: 1 / 1 !important;
align-items: center !important;
justify-content: center !important;
padding: 10px !important;
border-radius: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__image img {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
max-height: 68px !important;
object-fit: contain !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__content {
display: flex !important;
min-width: 0 !important;
align-items: flex-start !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__name {
justify-content: flex-start !important;
margin: 0 0 8px !important;
font-size: 1rem !important;
line-height: 1.22 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__name a {
display: -webkit-box !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block :is(.hp-vendor__location, .hp-vendor__registered-date, .hp-vendor__description) {
width: 100% !important;
max-width: none !important;
margin: 0 0 8px !important;
color: rgba(241, 233, 221, 0.7) !important;
font-size: 0.88rem !important;
line-height: 1.35 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__location {
justify-content: flex-start !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__description {
display: -webkit-box !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__footer {
grid-column: 1 / -1 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 10px 0 0 !important;
background: transparent !important;
border-top: 1px solid rgba(161, 192, 195, 0.14) !important;
}
@media (min-width: 1100px) and (max-width: 1399px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors {
grid-template-columns: minmax(0, 1fr) !important;
}
}
@media (max-width: 560px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block {
grid-template-columns: 72px minmax(0, 1fr) !important;
gap: 12px !important;
padding: 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__image,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__image a {
width: 72px !important;
min-width: 72px !important;
height: 72px !important;
min-height: 72px !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > :not(.marnamic-map-hotfix):not(.marnamic-archive-map-shell):not(.marnamic-archive-filter-shell):not(:has(.marnamic-map-hotfix)) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > .marnamic-archive-non-map-shell {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > .marnamic-archive-map-shell,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar .marnamic-map-hotfix--archive {
display: block !important;
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
display: block !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar :is(.inner-wrapper-sticky, .marnamic-archive-map-sticky-shell) {
position: static !important;
top: auto !important;
width: 100% !important;
max-width: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar :is(.hp-widget--vendor-filter, .hp-widget--listing-filter) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
clip-path: inset(50%) !important;
pointer-events: none !important;
}
@media (max-width: 1099px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
order: 1 !important;
width: 100% !important;
max-width: none !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content {
order: 2 !important;
width: 100% !important;
max-width: none !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
height: 420px !important;
min-height: 420px !important;
margin-bottom: 0 !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .fancybox-container.fancybox-is-open {
z-index: 10060 !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .fancybox-container.fancybox-is-open .fancybox-stage {
position: fixed !important;
inset: 0 !important;
display: flex !important;
width: 100vw !important;
height: 100vh !important;
height: 100dvh !important;
align-items: flex-start !important;
justify-content: center !important;
padding: 12px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .fancybox-container.fancybox-is-open .fancybox-slide {
position: static !important;
display: flex !important;
width: 100% !important;
min-height: 100% !important;
align-items: flex-start !important;
justify-content: center !important;
padding: 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .fancybox-container.fancybox-is-open :is(#listing_filter_modal, #vendor_filter_modal, .hp-modal--mobile.fancybox-content) {
position: relative !important;
inset: auto !important;
display: block !important;
width: min(100%, 390px) !important;
min-width: 0 !important;
max-width: calc(100vw - 24px) !important;
max-height: calc(100vh - 24px) !important;
max-height: calc(100dvh - 24px) !important;
margin: 0 auto !important;
overflow-x: hidden !important;
overflow-y: auto !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .fancybox-container.fancybox-is-open :is(#listing_filter_modal, #vendor_filter_modal, .hp-modal--mobile.fancybox-content) .hp-form {
width: 100% !important;
max-width: none !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search {
--marnamic-air-compact-bg: #c9c4b9;
--marnamic-air-compact-text: #132124;
--marnamic-air-compact-muted: rgba(19, 33, 36, 0.58);
--marnamic-air-compact-line: rgba(19, 33, 36, 0.34);
--marnamic-air-compact-action: #e7ff62;
display: grid !important;
width: min(100%, 1080px) !important;
max-width: 1080px !important;
min-height: 78px !important;
grid-template-columns: minmax(0, 1fr) 58px !important;
gap: 10px !important;
align-items: center !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0 12px 0 28px !important;
overflow: visible !important;
color: var(--marnamic-air-compact-text) !important;
background: var(--marnamic-air-compact-bg) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__messages {
grid-column: 1 / -1 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
display: grid !important;
grid-column: 1 !important;
width: 100% !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 0 !important;
align-items: stretch !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field {
position: relative !important;
display: grid !important;
min-width: 0 !important;
min-height: 78px !important;
grid-template-rows: auto auto !important;
align-content: center !important;
gap: 4px !important;
padding: 13px 30px !important;
color: var(--marnamic-air-compact-text) !important;
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
transition: background-color var(--marnamic-ui-transition), box-shadow var(--marnamic-ui-transition) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child {
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:not(:first-child)::before {
position: absolute !important;
top: 14px !important;
bottom: 14px !important;
left: 0 !important;
width: 1px !important;
height: auto !important;
background: var(--marnamic-air-compact-line) !important;
content: "" !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open) {
z-index: 20 !important;
background: rgba(255, 255, 255, 0.18) !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open)::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open) + .hp-form__field::before {
opacity: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label {
display: block !important;
margin: 0 !important;
overflow: hidden !important;
color: var(--marnamic-air-compact-text) !important;
font-size: 1.02rem !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
line-height: 1.05 !important;
text-overflow: ellipsis !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__hint {
display: block !important;
margin: 0 !important;
overflow: hidden !important;
color: var(--marnamic-air-compact-muted) !important;
font-size: 0.96rem !important;
font-weight: 650 !important;
letter-spacing: 0 !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value {
padding-right: 58px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--search .marnamic-air-search__hint,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__hint {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"]) {
position: static !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
overflow: hidden !important;
color: var(--marnamic-air-compact-muted) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 0.96rem !important;
font-weight: 650 !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"]):focus {
color: var(--marnamic-air-compact-text) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"])::placeholder {
color: var(--marnamic-air-compact-muted) !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row > .hp-page__content {
width: 100% !important;
max-width: none !important;
flex-basis: 100% !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .site-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .site-content {
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .site-content > .container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .content-area {
width: min(calc(100vw - 48px), 1840px) !important;
max-width: none !important;
margin-right: auto !important;
margin-left: auto !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row {
display: block !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row > .hp-page__content {
width: 100% !important;
max-width: none !important;
flex: 0 0 100% !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row > .hp-page__sidebar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__sidebar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery :is(.marnamic-combined-map, .marnamic-map-hotfix--archive, .combined-map-wrapper, .hp-map) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header {
display: grid !important;
gap: clamp(20px, 3vw, 34px) !important;
margin-bottom: clamp(26px, 4vw, 44px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .marnamic-screen-title {
justify-self: center !important;
margin-bottom: 0 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
margin: 0 0 24px !important;
padding: 0 0 16px !important;
background: transparent !important;
border-bottom: 1px solid rgba(161, 192, 195, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters {
display: flex !important;
width: min(100%, 1080px) !important;
max-width: 1080px !important;
flex-wrap: wrap !important;
gap: 10px !important;
justify-content: center !important;
justify-self: center !important;
margin: -10px auto 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__cluster {
display: inline-flex !important;
min-height: 38px !important;
align-items: center !important;
gap: 9px !important;
padding: 0 14px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: rgba(241, 233, 221, 0.05) !important;
border: 1px solid rgba(161, 192, 195, 0.24) !important;
border-radius: 999px !important;
box-shadow: none !important;
font-size: 0.9rem !important;
font-weight: 800 !important;
line-height: 1 !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__cluster small {
display: inline-flex !important;
min-width: 24px !important;
height: 24px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 7px !important;
color: #132124 !important;
background: #e7ff62 !important;
border-radius: 999px !important;
font-size: 0.72rem !important;
font-weight: 900 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__cluster:is(:hover, :focus-visible) {
color: #132124 !important;
background: #e7ff62 !important;
border-color: #e7ff62 !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery :is(.hp-vendors.hp-row, .hp-vendors > .hp-row) {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)) !important;
gap: clamp(18px, 2.2vw, 30px) !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery :is(.hp-vendors.hp-row, .hp-vendors > .hp-row) > :is(.hp-grid__item, [class*="hp-col"]) {
display: flex !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
flex: initial !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block {
width: 100% !important;
min-height: 100% !important;
margin: 0 !important;
border-radius: 8px !important;
}
@media (max-width: 680px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters {
justify-content: flex-start !important;
overflow-x: auto !important;
flex-wrap: nowrap !important;
padding-bottom: 4px !important;
scrollbar-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters::-webkit-scrollbar {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__cluster {
flex: 0 0 auto !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear {
position: absolute !important;
top: 50% !important;
right: 18px !important;
z-index: 4 !important;
display: inline-flex !important;
width: 28px !important;
min-width: 28px !important;
height: 28px !important;
min-height: 28px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: #285da8 !important;
background: transparent !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 1.45rem !important;
font-weight: 850 !important;
line-height: 1 !important;
transform: translateY(-50%) !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear:is(:hover, :focus-visible) {
color: #132124 !important;
background: rgba(255, 255, 255, 0.28) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location {
display: block !important;
min-width: 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location input[type="text"] {
padding-right: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location input[type="text"] {
padding-right: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .marnamic-air-search__segment-clear {
right: 36px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location a {
position: absolute !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__native-select,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__native-control,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search select[name="_category"],
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search select[name="_category"] + .select2,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search select[name="_category"] ~ .select2-container {
position: absolute !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__source-field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--gebaeudetyp,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:has([data-marnamic-air-purpose-source]) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
display: flex !important;
grid-column: 2 !important;
align-items: center !important;
justify-content: center !important;
align-self: center !important;
width: 58px !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
display: inline-flex !important;
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
overflow: hidden !important;
color: transparent !important;
background-color: var(--marnamic-air-compact-action) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23132124' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 28px 28px !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) span {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible) {
background-color: #dfff46 !important;
box-shadow: 0 0 0 4px rgba(231, 255, 98, 0.22) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover {
top: calc(100% + 10px) !important;
width: min(390px, calc(100vw - 32px)) !important;
max-height: min(460px, 70vh) !important;
padding: 14px !important;
color: var(--marnamic-air-compact-text, #132124) !important;
background: #f6f2ea !important;
border: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 24px !important;
box-shadow: 0 22px 54px rgba(0, 0, 0, 0.22) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__group-title {
display: none !important;
color: rgba(19, 33, 36, 0.58) !important;
font-size: 0.72rem !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option {
min-height: 34px !important;
padding: 0 12px !important;
color: var(--marnamic-air-compact-text, #132124) !important;
background: rgba(255, 255, 255, 0.55) !important;
border: 1px solid rgba(19, 33, 36, 0.16) !important;
border-radius: 999px !important;
font-size: 0.86rem !important;
font-weight: 750 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option:is(:hover, :focus-visible) {
color: var(--marnamic-air-compact-text, #132124) !important;
background: var(--marnamic-air-compact-action, #e7ff62) !important;
border-color: var(--marnamic-air-compact-action, #e7ff62) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips {
position: static !important;
display: none !important;
grid-column: 1 / -1 !important;
flex-wrap: wrap !important;
gap: 8px !important;
width: auto !important;
max-width: none !important;
min-height: 0 !important;
padding: 6px 0 0 !important;
overflow: visible !important;
scrollbar-width: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips:empty {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chip {
min-height: 30px !important;
padding: 0 10px 0 12px !important;
color: var(--marnamic-air-compact-text, #132124) !important;
background: rgba(255, 255, 255, 0.68) !important;
border: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 999px !important;
box-shadow: none !important;
font-size: 0.8rem !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chip--reset {
background: rgba(19, 33, 36, 0.08) !important;
}
@media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results {
--marnamic-archive-sticky-offset: 96px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
grid-template-columns: minmax(104px, 1fr) minmax(660px, 1080px) minmax(104px, 1fr) !important;
gap: 16px !important;
align-items: center !important;
padding: 12px 32px 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
width: min(100%, 1080px) !important;
min-height: 78px !important;
padding: 0 12px 0 28px !important;
background: #c9c4b9 !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 78px !important;
padding: 13px 30px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value {
padding-right: 58px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, input[type="text"], input[type="search"], .marnamic-air-search__hint) {
color: inherit !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__hint,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"]) {
color: rgba(19, 33, 36, 0.58) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips {
position: static !important;
display: none !important;
width: auto !important;
max-width: none !important;
padding: 6px 0 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
padding: 0 !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
width: 100% !important;
min-height: 0 !important;
grid-template-columns: minmax(0, 1fr) 54px !important;
padding: 10px !important;
border-radius: 30px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: 1fr !important;
grid-column: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 56px !important;
padding: 11px 16px !important;
border-radius: 20px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value {
padding-right: 52px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child {
padding-left: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:not(:first-child)::before {
top: 0 !important;
right: 16px !important;
bottom: auto !important;
left: 16px !important;
width: auto !important;
height: 1px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
width: 54px !important;
justify-content: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips {
display: none !important;
padding: 8px 2px 0 !important;
}
}
@media (max-width: 520px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
grid-template-columns: 1fr !important;
border-radius: 26px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
grid-column: 1 !important;
grid-row: auto !important;
width: 100% !important;
justify-content: flex-end !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label {
font-size: 0.92rem !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
font-size: 0.88rem !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__group-title {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
color: #fff !important;
font-weight: 850 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row {
display: block !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row > .hp-page__content {
width: 100% !important;
max-width: none !important;
flex-basis: 100% !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery :is(.hp-page__sidebar, .marnamic-combined-map, .marnamic-map-hotfix--archive, .combined-map-wrapper, .hp-map) {
display: none !important;
}
@media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search .hp-field--submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-field--submit {
display: flex !important;
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
flex: 0 0 58px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
appearance: none !important;
display: inline-flex !important;
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
aspect-ratio: 1 / 1 !important;
flex: 0 0 58px !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
padding: 0 !important;
overflow: hidden !important;
color: transparent !important;
background-color: #e7ff62 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23132124' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 28px 28px !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 0 !important;
text-indent: -9999px !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) :is(span, i, svg),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) :is(span, i, svg),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) :is(span, i, svg) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search :is(.hp-form__button, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible) {
background-color: #dfff46 !important;
box-shadow: 0 0 0 4px rgba(231, 255, 98, 0.22) !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search .hp-field--submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
flex-basis: 54px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
flex-basis: 54px !important;
background-size: 26px 26px !important;
}
}
@media (max-width: 520px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search .hp-field--submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex-basis: auto !important;
justify-content: flex-end !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value {
padding-right: 84px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value :is(input[type="text"], input[type="search"], .marnamic-air-search__hint),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
color: #132124 !important;
font-weight: 780 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear {
position: absolute !important;
top: 50% !important;
right: 18px !important;
z-index: 30 !important;
display: inline-flex !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: transparent !important;
background: #6cb9c3 !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 1 !important;
text-indent: 0 !important;
transform: translateY(-50%) !important;
cursor: pointer !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear::before {
color: #132124 !important;
content: "×" !important;
font-size: 1.35rem !important;
font-weight: 700 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear:is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear:is(:hover, :focus-visible) {
background: #8fd0d5 !important;
box-shadow: 0 0 0 4px rgba(108, 185, 195, 0.22) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value {
padding-right: 84px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .marnamic-air-search__segment-clear,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .marnamic-air-search__segment-clear {
right: 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location input[type="text"],
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location input[type="text"] {
padding-right: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location a {
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover {
top: calc(100% + 8px) !important;
width: min(100%, 430px) !important;
min-width: min(320px, calc(100vw - 32px)) !important;
padding: 16px 20px !important;
color: #132124 !important;
background: #f6f2ea !important;
border: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 0 0 24px 24px !important;
box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__options {
display: grid !important;
gap: 4px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option {
justify-content: flex-start !important;
width: 100% !important;
min-height: 34px !important;
padding: 7px 10px !important;
color: #132124 !important;
background: transparent !important;
border: 0 !important;
border-radius: 10px !important;
font-size: 0.92rem !important;
font-weight: 650 !important;
line-height: 1.2 !important;
text-align: left !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option--with-count {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option-label {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option-count {
display: inline-flex !important;
min-width: 30px !important;
height: 30px !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
padding: 0 9px !important;
color: #132124 !important;
background: #e7ff62 !important;
border-radius: 999px !important;
font-size: 0.82rem !important;
font-weight: 850 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option--nearby {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option--nearby::after {
display: inline-flex !important;
width: 34px !important;
min-width: 34px !important;
height: 34px !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
color: #132124 !important;
background: rgba(108, 185, 195, 0.74) !important;
border-radius: 999px !important;
content: "\f124" !important;
font-family: "Font Awesome 5 Free";
font-size: 1rem !important;
font-weight: 900 !important;
line-height: 1 !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option:is(:hover, :focus-visible) {
color: #132124 !important;
background: rgba(231, 255, 98, 0.74) !important;
border: 0 !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__loading {
padding: 8px 0 !important;
color: rgba(19, 33, 36, 0.68) !important;
font-size: 0.92rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-group {
display: grid !important;
gap: 9px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-group + .marnamic-air-search__filter-group {
margin-top: 14px !important;
padding-top: 14px !important;
border-top: 1px solid rgba(19, 33, 36, 0.14) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-title {
color: rgba(19, 33, 36, 0.62) !important;
font-size: 0.74rem !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-list {
display: grid !important;
gap: 6px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check {
position: relative !important;
display: grid !important;
min-height: 42px !important;
grid-template-columns: 22px minmax(0, 1fr) max-content !important;
gap: 10px !important;
align-items: center !important;
padding: 7px 10px !important;
color: #132124 !important;
background: rgba(255, 255, 255, 0.46) !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 12px !important;
font-size: 0.92rem !important;
font-weight: 720 !important;
line-height: 1.15 !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check:is(:hover, :focus-within) {
background: rgba(231, 255, 98, 0.38) !important;
border-color: rgba(19, 33, 36, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check.is-checked {
background: rgba(231, 255, 98, 0.88) !important;
border-color: rgba(19, 33, 36, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check.is-disabled {
opacity: 0.42 !important;
cursor: not-allowed !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check input[type="checkbox"] {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check-box {
display: inline-flex !important;
width: 22px !important;
height: 22px !important;
align-items: center !important;
justify-content: center !important;
border: 2px solid rgba(19, 33, 36, 0.34) !important;
border-radius: 7px !important;
background: #f6f2ea !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check input[type="checkbox"]:checked + .marnamic-air-search__check-box {
background: #132124 !important;
border-color: #132124 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check input[type="checkbox"]:checked + .marnamic-air-search__check-box::before {
color: #e7ff62 !important;
content: "\f00c" !important;
font-family: "Font Awesome 5 Free";
font-size: 0.92rem !important;
font-weight: 900 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check-label {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check-count {
display: inline-flex !important;
min-width: 30px !important;
height: 30px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 9px !important;
color: #132124 !important;
background: #e7ff62 !important;
border-radius: 999px !important;
font-size: 0.8rem !important;
font-weight: 850 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check.is-checked .marnamic-air-search__check-count {
background: #132124 !important;
color: #e7ff62 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius {
display: grid !important;
gap: 10px !important;
margin-top: 10px !important;
padding: 14px 10px 4px !important;
border-top: 1px solid rgba(19, 33, 36, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
color: #132124 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-label,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-value {
color: #132124 !important;
font-size: 0.9rem !important;
font-weight: 750 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-value {
min-width: 72px !important;
text-align: right !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-input {
appearance: none !important;
display: block !important;
width: 100% !important;
height: 24px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-input::-webkit-slider-runnable-track {
height: 4px !important;
background: rgba(19, 33, 36, 0.28) !important;
border: 0 !important;
border-radius: 999px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-input::-webkit-slider-thumb {
appearance: none !important;
width: 20px !important;
height: 20px !important;
margin-top: -8px !important;
background: #132124 !important;
border: 3px solid #e7ff62 !important;
border-radius: 999px !important;
box-shadow: 0 4px 10px rgba(19, 33, 36, 0.24) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-input::-moz-range-track {
height: 4px !important;
background: rgba(19, 33, 36, 0.28) !important;
border: 0 !important;
border-radius: 999px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-input::-moz-range-thumb {
width: 16px !important;
height: 16px !important;
background: #132124 !important;
border: 3px solid #e7ff62 !important;
border-radius: 999px !important;
box-shadow: 0 4px 10px rgba(19, 33, 36, 0.24) !important;
}
body.marnamic-location-fallback-active .pac-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-location-fallback-active .pac-container {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container {
z-index: 10060 !important;
max-width: min(430px, calc(100vw - 32px)) !important;
overflow: hidden !important;
color: #132124 !important;
background: #f6f2ea !important;
border: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 0 0 24px 24px !important;
box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
font-family: var(--marnamic-font-body, inherit) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container.marnamic-pac-container--empty,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container:not(:has(.pac-item)) {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item {
min-height: 48px !important;
padding: 12px 20px !important;
color: rgba(19, 33, 36, 0.72) !important;
background: transparent !important;
border-top: 0 !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.92rem !important;
font-weight: 650 !important;
line-height: 1.25 !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item:hover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item-selected {
background: rgba(231, 255, 98, 0.74) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item-query,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-matched {
color: #132124 !important;
font-size: 1rem !important;
font-weight: 850 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-icon {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container.pac-logo::after {
margin: 0 20px 10px auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--location-busy > .hp-form__messages,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-location-fallback-active .hp-form--vendor-search.marnamic-air-search > .hp-form__messages {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value {
padding-right: 68px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear {
right: 12px !important;
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value {
padding-right: 68px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row {
display: grid !important;
width: 100% !important;
max-width: none !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: clamp(22px, 1.8vw, 32px) !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid.hp-row > :is(.hp-grid__item, [class*="hp-col-"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors.hp-row > :is(.hp-grid__item, [class*="hp-col-"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]) {
display: flex !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid .hp-vendor--view-block,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block {
display: flex !important;
min-height: 0 !important;
width: 100% !important;
height: auto !important;
min-width: 0 !important;
flex-direction: column !important;
overflow: hidden !important;
border-radius: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__image {
display: block !important;
min-height: 0 !important;
margin: 0 !important;
padding: 18px 18px 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__image a {
display: grid !important;
width: 100% !important;
min-height: 0 !important;
aspect-ratio: 16 / 9 !important;
place-items: center !important;
margin: 0 !important;
padding: clamp(22px, 4vw, 42px) !important;
background: var(--marnamic-logo-tile, #e8e1d3) !important;
border: 1px solid rgba(241, 233, 221, 0.14) !important;
border-radius: 8px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__image img {
display: block !important;
width: auto !important;
max-width: 88% !important;
height: auto !important;
max-height: 118px !important;
object-fit: contain !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__content {
display: flex !important;
min-height: 156px !important;
flex: 1 1 auto !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 10px !important;
padding: 18px 20px 20px !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__name {
width: 100% !important;
margin: 0 !important;
text-align: left !important;
font-size: clamp(1.18rem, 1.1vw, 1.42rem) !important;
line-height: 1.16 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__name a {
display: block !important;
width: 100% !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
overflow-wrap: break-word !important;
word-break: normal !important;
hyphens: none !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block :is(.hp-vendor__registered-date, .hp-vendor__location, .hp-vendor__description, .hp-vendor__attributes) {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
color: rgba(241, 233, 221, 0.72) !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__registered-date {
font-size: 0.82rem !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__location a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__description {
display: -webkit-box !important;
overflow: hidden !important;
line-height: 1.38 !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__footer {
display: flex !important;
min-height: 62px !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
margin-top: auto !important;
padding: 14px 20px !important;
border-top: 1px solid rgba(161, 192, 195, 0.16) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
justify-content: flex-start !important;
}
@media (min-width: 2200px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
@media (min-width: 2800px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row { grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row {
grid-template-columns: 1fr !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
overflow: visible !important;
background-clip: padding-box !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .hp-form--vendor-search.marnamic-air-search::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .hp-form--vendor-search.marnamic-air-search::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search::after {
display: none !important;
content: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page form.hp-form--vendor-search.marnamic-air-search > .hp-form__footer > button.hp-form__button.hp-field.hp-field--submit.button[type="submit"],
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page form.hp-form--vendor-search.marnamic-air-search > .hp-form__footer > input.hp-form__button.hp-field.hp-field--submit[type="submit"] {
appearance: none !important;
display: inline-flex !important;
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
aspect-ratio: 1 / 1 !important;
flex: 0 0 58px !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
padding: 0 !important;
overflow: hidden !important;
color: transparent !important;
background-color: #e7ff62 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23132124' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 28px 28px !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 0 !important;
text-indent: -9999px !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page form.hp-form--vendor-search.marnamic-air-search > .hp-form__footer > button.hp-form__button.hp-field.hp-field--submit.button[type="submit"] > span {
display: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page form.hp-form--vendor-search.marnamic-air-search > .hp-form__footer > button.hp-form__button.hp-field.hp-field--submit.button[type="submit"],
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page form.hp-form--vendor-search.marnamic-air-search > .hp-form__footer > input.hp-form__button.hp-field.hp-field--submit[type="submit"] {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
flex-basis: 54px !important;
background-size: 26px 26px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: minmax(280px, 1.2fr) minmax(260px, 1.05fr) minmax(240px, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location {
order: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--search {
order: 3 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field--category, .marnamic-air-search__field--category),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field--category, .marnamic-air-search__field--category) {
order: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover {
right: auto !important;
left: 0 !important;
width: min(640px, calc(100vw - 32px)) !important;
min-width: min(430px, calc(100vw - 32px)) !important;
max-width: min(640px, calc(100vw - 32px)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container {
max-width: min(640px, calc(100vw - 32px)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item {
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container :is(.pac-item-query, .pac-matched) {
white-space: normal !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover {
top: calc(100% - 1px) !important;
margin-top: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container {
margin-top: 0 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors.hp-block.hp-grid {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors > .hp-row {
display: grid !important;
width: 100% !important;
max-width: none !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 24px !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors.hp-block.hp-grid > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]) {
display: flex !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]) > .hp-vendor--view-block {
width: 100% !important;
height: 100% !important;
}
@media (max-width: 700px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors > .hp-row {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child {
width: auto !important;
max-width: none !important;
height: auto !important;
min-height: 56px !important;
max-height: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover {
width: calc(100vw - 32px) !important;
min-width: min(320px, calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
}
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results {
background: #132124 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .site-content {
background: #132124 !important;
padding-top: 0 !important;
padding-bottom: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .site-content > .container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .content-area {
width: min(calc(100vw - 24px), 1900px) !important;
max-width: none !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.site-main {
margin-top: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
position: sticky !important;
top: var(--marnamic-header-height, 60px) !important;
z-index: 90 !important;
display: grid !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 0 !important;
align-items: center !important;
margin: 0 0 10px !important;
padding: 8px 0 10px !important;
background: #132124 !important;
border-top: 1px solid rgba(161, 192, 195, 0.08) !important;
border-bottom: 1px solid rgba(161, 192, 195, 0.16) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .marnamic-screen-title {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip-path: inset(50%) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
grid-column: 1 / -1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
justify-self: stretch !important;
margin-right: 0 !important;
margin-left: 0 !important;
min-height: 56px !important;
padding: 0 7px 0 18px !important;
background: #d4cfc3 !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: minmax(220px, 0.95fr) minmax(240px, 1.1fr) minmax(240px, 1.1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 56px !important;
padding: 8px 18px !important;
gap: 2px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child {
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value {
padding-right: 56px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label {
font-size: 0.82rem !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
font-size: 0.82rem !important;
line-height: 1.08 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:not(:first-child)::before {
top: 10px !important;
bottom: 10px !important;
background: rgba(19, 33, 36, 0.22) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear {
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
height: 36px !important;
min-height: 36px !important;
max-height: 36px !important;
right: 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-field--submit {
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
flex-basis: 48px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
flex-basis: 48px !important;
background-size: 23px 23px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .marnamic-archive-filter-button {
grid-column: 3 !important;
min-width: 104px !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
justify-self: end !important;
padding-right: 16px !important;
padding-left: 16px !important;
background: rgba(15, 25, 27, 0.9) !important;
border-color: rgba(161, 192, 195, 0.24) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__topbar {
position: sticky !important;
top: var(--marnamic-archive-sticky-offset, 130px) !important;
z-index: 35 !important;
min-height: 44px !important;
margin: 0 0 12px !important;
padding: 6px 0 !important;
background: #132124 !important;
border-bottom: 1px solid rgba(161, 192, 195, 0.14) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__topbar .hp-result-count {
min-height: 32px !important;
font-size: 0.95rem !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-form--vendor-sort, .hp-form--listing-sort) :is(.hp-form__field, .hp-form__fields) {
min-height: 38px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-form--vendor-sort, .hp-form--listing-sort) :is(select, .select2-container, .select2-container--default .select2-selection--single) {
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
align-items: flex-start !important;
min-height: calc(100dvh - var(--marnamic-archive-sticky-offset, 130px) - 10px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
position: sticky !important;
top: var(--marnamic-archive-sticky-offset, 130px) !important;
align-self: flex-start !important;
height: calc(100dvh - var(--marnamic-archive-sticky-offset, 130px) - 10px) !important;
max-height: calc(100dvh - var(--marnamic-archive-sticky-offset, 130px) - 10px) !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar :is(.inner-wrapper-sticky, .marnamic-archive-map-sticky-shell),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > .marnamic-archive-map-shell {
position: static !important;
width: 100% !important;
height: 100% !important;
max-height: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
margin-bottom: 0 !important;
border-radius: 12px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open .marnamic-air-search__popover--purpose {
display: flex !important;
max-height: min(620px, calc(100dvh - 160px)) !important;
flex-direction: column !important;
gap: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-scroll {
display: grid !important;
max-height: min(520px, calc(100dvh - 220px)) !important;
gap: 0 !important;
padding-right: 2px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
scrollbar-gutter: stable;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-actions {
display: flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 14px -4px -4px !important;
padding: 12px 4px 4px !important;
border-top: 1px solid rgba(19, 33, 36, 0.14) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-reset,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-apply {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
border-radius: var(--marnamic-ui-radius-pill, 999px) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.92rem !important;
font-weight: 800 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-reset {
padding: 0 14px !important;
color: rgba(19, 33, 36, 0.74) !important;
background: transparent !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-apply {
padding: 0 18px !important;
color: #132124 !important;
background: #e7ff62 !important;
border: 1px solid #e7ff62 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-reset:is(:hover, :focus-visible) {
color: #132124 !important;
background: rgba(19, 33, 36, 0.06) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-apply:is(:hover, :focus-visible) {
background: #dfff46 !important;
border-color: #dfff46 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic label.hp-field.hp-field--checkbox.marnamic-air-search__check {
display: flex !important;
width: 100% !important;
min-height: 38px !important;
align-items: center !important;
gap: var(--marnamic-ui-space-2, 8px) !important;
padding: 6px 4px !important;
color: #132124 !important;
background: transparent !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
font-size: 0.95rem !important;
font-weight: 720 !important;
line-height: 1.25 !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic label.hp-field.hp-field--checkbox.marnamic-air-search__check:is(:hover, :focus-within) {
background: rgba(19, 33, 36, 0.05) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic label.hp-field.hp-field--checkbox.marnamic-air-search__check.is-checked {
color: #132124 !important;
background: rgba(231, 255, 98, 0.32) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic label.hp-field.hp-field--checkbox.marnamic-air-search__check.is-disabled {
opacity: 0.46 !important;
cursor: not-allowed !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic label.hp-field.hp-field--checkbox.marnamic-air-search__check input[type="checkbox"] {
position: static !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
flex: 0 0 auto !important;
overflow: visible !important;
clip: auto !important;
clip-path: none !important;
opacity: 1 !important;
accent-color: #e7ff62 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check-box {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check-label {
min-width: 0 !important;
flex: 1 1 auto !important;
overflow: visible !important;
color: inherit !important;
text-overflow: clip !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check-count {
min-width: 28px !important;
height: 26px !important;
flex: 0 0 auto !important;
margin-left: auto !important;
padding: 0 8px !important;
font-size: 0.78rem !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field--category, .marnamic-air-search__field--category),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field--category, .marnamic-air-search__field--category),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field--category, .marnamic-air-search__field--category) {
order: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location {
order: 2 !important;
}body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field {
order: 3 !important;
min-width: 0 !important;
padding: 0 !important;
} @media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 0.65fr) minmax(0, 1fr) !important;
transition: grid-template-columns 180ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode .hp-form__fields {
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.1fr) minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:has(.hp-form__field--location.is-open):not(.marnamic-air-search--region-mode) .hp-form__fields {
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.55fr) minmax(0, 0.55fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:has(.marnamic-air-search__radius-field.is-open) .hp-form__fields {
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.05fr) minmax(0, 0.95fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:has(.hp-form__field--search.is-open):not(.marnamic-air-search--region-mode) .hp-form__fields {
grid-template-columns: minmax(0, 0.85fr) minmax(0, 0.85fr) minmax(0, 0.5fr) minmax(0, 1.45fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:has(:is(.hp-form__field--category, .marnamic-air-search__field--category).is-open):not(.marnamic-air-search--region-mode) .hp-form__fields {
grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.85fr) minmax(0, 0.55fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode:has(.hp-form__field--location.is-open) .hp-form__fields {
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.45fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode:has(.hp-form__field--search.is-open) .hp-form__fields {
grid-template-columns: minmax(0, 0.85fr) minmax(0, 0.9fr) minmax(0, 1.4fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode:has(:is(.hp-form__field--category, .marnamic-air-search__field--category).is-open) .hp-form__fields {
grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.9fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field {
transition: background-color 160ms ease, box-shadow 160ms ease, border-radius 160ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open {
z-index: 40 !important;
background: #f7f3eb !important;
border-radius: 999px !important;
box-shadow: 0 8px 24px rgba(19, 33, 36, 0.16), inset 0 0 0 1px rgba(19, 33, 36, 0.1) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open + .hp-form__field::before {
opacity: 0 !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode .marnamic-air-search__radius-field {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger {
display: grid !important;
width: 100% !important;
height: 100% !important;
min-height: 72px !important;
align-content: center !important;
justify-items: start !important;
gap: 4px !important;
padding: 12px 22px !important;
color: #132124 !important;
background: transparent !important;
border: 0 !important;
border-radius: inherit !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
text-align: left !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger-label {
font-size: 1rem !important;
font-weight: 850 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger-value {
color: rgba(19, 33, 36, 0.68) !important;
font-size: 0.95rem !important;
font-weight: 720 !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field.is-open .marnamic-air-search__radius-trigger,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger:is(:hover, :focus-visible) {
background: rgba(255, 255, 255, 0.24) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--radius {
right: auto !important;
left: 0 !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding: 16px !important;
overflow: visible !important;
border: 0 !important;
border-radius: 0 0 20px 20px !important;
box-shadow: 0 14px 30px rgba(19, 33, 36, 0.18) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location {
position: relative !important;
padding-right: 64px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value {
padding-right: 64px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location input[type="text"],
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location input[type="text"] {
box-sizing: border-box !important;
width: 100% !important;
padding-right: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location input[type="text"]::placeholder {
text-overflow: clip !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .hp-field--location {
position: static !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start {
right: auto !important;
left: 0 !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding: 12px !important;
border: 0 !important;
border-radius: 0 0 20px 20px !important;
box-shadow: 0 14px 30px rgba(19, 33, 36, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start .marnamic-air-search__group-title {
padding: 4px 8px 8px !important;
color: rgba(19, 33, 36, 0.62) !important;
font-size: 0.78rem !important;
font-weight: 500 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start .marnamic-air-search__option {
min-height: 44px !important;
padding: 8px 10px !important;
color: #132124 !important;
font-size: 0.95rem !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__location-action {
position: absolute !important;
top: 50% !important;
right: 12px !important;
z-index: 30 !important;
display: inline-flex !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
clip: auto !important;
clip-path: none !important;
opacity: 1 !important;
pointer-events: auto !important;
color: #132124 !important;
background: #6cb9c3 !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
transform: translateY(-50%) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__location-action:is(:hover, :focus-visible) {
background: #8fd0d5 !important;
box-shadow: 0 0 0 4px rgba(108, 185, 195, 0.22) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location .marnamic-air-search__location-action {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--location-busy .hp-form__field--location.has-segment-value .hp-field--location .marnamic-air-search__location-action {
display: inline-flex !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--location-busy .hp-form__field--location .marnamic-air-search__segment-clear {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius {
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-body {
display: flex !important;
min-height: 230px !important;
align-items: stretch !important;
justify-content: center !important;
gap: 10px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-input {
appearance: none !important;
-webkit-appearance: none !important;
width: 28px !important;
height: 220px !important;
margin: 0 auto !important;
writing-mode: vertical-lr !important;
direction: rtl !important;
outline: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-scale {
display: flex !important;
min-width: 54px !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 2px 0 !important;
color: rgba(19, 33, 36, 0.66) !important;
font-size: 0.78rem !important;
font-weight: 720 !important;
line-height: 1 !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: minmax(240px, 1.05fr) minmax(260px, 1.2fr) minmax(150px, 0.55fr) minmax(220px, 1fr) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field--category, .marnamic-air-search__field--category) {
order: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location {
order: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--search {
order: 4 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode .hp-form__fields {
grid-template-columns: minmax(240px, 1.05fr) minmax(280px, 1.2fr) minmax(220px, 1fr) !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger {
min-height: 56px !important;
padding: 10px 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__location-action {
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container.pac-logo::after {
display: block !important;
min-height: 18px !important;
margin: 0 !important;
padding: 8px 16px 10px !important;
background-color: #f6f2ea !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
opacity: 1 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item-query,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-matched {
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.95rem !important;
line-height: 1.35 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item {
min-height: 48px !important;
padding: 11px 16px !important;
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results {
--marnamic-archive-sticky-offset: 150px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
grid-template-columns: minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: 1 / -1 !important;
justify-self: stretch !important;
margin-right: 0 !important;
margin-left: 0 !important;
min-height: 78px !important;
grid-template-columns: minmax(0, 1fr) 58px !important;
gap: 10px !important;
padding: 0 12px 0 28px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
min-height: 78px !important;
grid-template-columns: minmax(260px, 1.2fr) minmax(150px, 0.55fr) minmax(240px, 1.05fr) minmax(220px, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode .hp-form__fields {
grid-template-columns: minmax(280px, 1.2fr) minmax(240px, 1fr) minmax(220px, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 78px !important;
gap: 4px !important;
padding: 13px 30px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value {
padding: 13px 64px 13px 30px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value:not(.hp-form__field--location) {
padding-right: 64px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label {
font-size: 1.02rem !important;
line-height: 1.05 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
font-size: 0.96rem !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger {
min-height: 78px !important;
padding: 13px 22px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear {
right: 12px !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-field--submit {
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
flex-basis: 58px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
flex-basis: 58px !important;
background-size: 28px 28px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:has(.hp-form__field--location.is-open):not(.marnamic-air-search--region-mode) .hp-form__fields {
grid-template-columns: minmax(0, 1.55fr) minmax(0, 0.55fr) minmax(0, 0.85fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:has(.marnamic-air-search__radius-field.is-open) .hp-form__fields {
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) minmax(0, 0.85fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:has(.hp-form__field--search.is-open):not(.marnamic-air-search--region-mode) .hp-form__fields {
grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.5fr) minmax(0, 1.45fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:has(:is(.hp-form__field--category, .marnamic-air-search__field--category).is-open):not(.marnamic-air-search--region-mode) .hp-form__fields {
grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.5fr) minmax(0, 0.85fr) minmax(0, 1.45fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode:has(.hp-form__field--location.is-open) .hp-form__fields {
grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.85fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode:has(.hp-form__field--search.is-open) .hp-form__fields {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode:has(:is(.hp-form__field--category, .marnamic-air-search__field--category).is-open) .hp-form__fields {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 0.85fr) minmax(0, 1.4fr) !important;
}
}.hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--purpose {
width: min(420px, calc(100vw - 32px));
min-width: 100%;
max-width: none;
max-height: min(680px, calc(100vh - 120px));
padding: 0;
overflow: hidden;
color: #132124;
background: #f7f3eb;
border: 1px solid rgba(19, 33, 36, 0.14);
border-radius: 0 0 28px 28px;
box-shadow: 0 18px 34px rgba(19, 33, 36, 0.18);
}
.hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open > .marnamic-air-search__popover--purpose {
display: flex;
flex-direction: column;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-scroll {
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-group + .marnamic-air-search__filter-group {
border-top: 1px solid rgba(19, 33, 36, 0.13);
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-title {
display: grid;
grid-template-columns: minmax(0, 1fr) auto 18px;
gap: 10px;
align-items: center;
width: 100%;
min-height: 58px;
margin: 0;
padding: 12px 22px;
color: #132124;
font: inherit;
font-size: 16px;
font-weight: 500;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.02em;
background: transparent;
border: 0;
border-radius: 0;
cursor: pointer;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-title::after {
content: "";
width: 9px;
height: 9px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translateY(-2px);
transition: transform 160ms ease;
}
.marnamic-air-search__popover--purpose .is-open > .marnamic-air-search__filter-title::after {
transform: rotate(225deg) translate(-2px, -2px);
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-title:hover,
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-title:focus-visible {
color: #132124;
background: rgba(108, 185, 195, 0.13);
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-title:focus-visible,
.marnamic-air-search__popover--purpose .marnamic-purpose-option:focus-within,
.marnamic-air-search__popover--purpose button:focus-visible {
outline: 3px solid rgba(108, 185, 195, 0.55);
outline-offset: -3px;
}
.marnamic-air-search__filter-title-count {
display: inline-grid;
place-items: center;
min-width: 24px;
height: 24px;
padding: 0 7px;
color: #132124;
font-size: 13px;
font-weight: 700;
background: #6cb9c3;
border-radius: 999px;
}
.marnamic-air-search__filter-title-count:empty {
display: none;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-list {
display: grid;
gap: 6px;
padding: 0 14px 16px;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-list[hidden] {
display: none !important;
}
.marnamic-purpose-option {
position: relative;
display: grid;
grid-template-columns: 22px minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
min-height: 48px;
margin: 0;
padding: 9px 12px;
color: #132124 !important;
background: transparent;
border: 0;
border-radius: 12px;
cursor: pointer;
}
.marnamic-purpose-option:hover {
background: rgba(108, 185, 195, 0.12);
}
.marnamic-purpose-option.is-checked {
background: rgba(108, 185, 195, 0.22);
}
.marnamic-purpose-option.is-disabled {
opacity: 0.48;
cursor: not-allowed;
}
.marnamic-purpose-option__input {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
.marnamic-purpose-option__box {
position: relative;
display: block;
width: 22px;
height: 22px;
background: #fffdf8;
border: 2px solid rgba(19, 33, 36, 0.55);
border-radius: 5px;
}
.marnamic-purpose-option__input:checked + .marnamic-purpose-option__box {
background: #6cb9c3;
border-color: #6cb9c3;
}
.marnamic-purpose-option__input:checked + .marnamic-purpose-option__box::before {
content: "";
position: absolute;
left: 6px;
top: 2px;
width: 6px;
height: 11px;
border-right: 3px solid #fffdf8;
border-bottom: 3px solid #fffdf8;
transform: rotate(45deg);
} .marnamic-role-option .marnamic-purpose-option__input[type="radio"] + .marnamic-purpose-option__box {
border-radius: 50%;
}
.marnamic-role-option .marnamic-purpose-option__input[type="radio"]:checked + .marnamic-purpose-option__box::before {
top: 50%;
left: 50%;
width: 10px;
height: 10px;
background: #fffdf8;
border: 0;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.marnamic-purpose-option__label {
min-width: 0;
color: #132124 !important;
font-size: 16px;
font-weight: 600;
line-height: 1.25;
}
.marnamic-purpose-option--with-icon {
grid-template-columns: 22px 24px minmax(0, 1fr) auto;
gap: 10px;
}
.marnamic-purpose-option__icon {
width: 24px;
height: 24px;
fill: none;
stroke: #477b82;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.marnamic-purpose-option__label::before,
.marnamic-purpose-option__label::after {
content: none !important;
display: none !important;
}
.marnamic-purpose-option__count {
display: inline-flex;
min-width: 30px;
height: 30px;
align-items: center;
justify-content: center;
padding: 0 9px;
color: #132124;
background: #e7ff62;
border-radius: 999px;
font-size: 13px;
font-weight: 850;
line-height: 1;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-empty {
margin: 4px 8px 8px;
color: rgba(19, 33, 36, 0.68);
font-size: 14px;
line-height: 1.4;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
flex: 0 0 auto;
padding: 14px;
background: #f7f3eb;
border-top: 1px solid rgba(19, 33, 36, 0.13);
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-reset,
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-apply {
min-height: 46px;
margin: 0;
padding: 10px 14px;
font: inherit;
font-size: 15px;
font-weight: 700;
border-radius: 14px;
cursor: pointer;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-reset {
color: #132124;
background: transparent;
border: 1px solid rgba(19, 33, 36, 0.3);
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-apply {
color: #132124;
background: #6cb9c3;
border: 1px solid #6cb9c3;
}
@media (max-width: 979px) {
.hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--purpose {
width: calc(100vw - 32px);
min-width: 0;
max-height: min(620px, calc(100vh - 96px));
border-radius: 0 0 22px 22px;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-title {
min-height: 54px;
padding-inline: 18px;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open > .marnamic-air-search__popover--purpose {
max-height: min(680px, calc(100dvh - 120px)) !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-scroll {
display: block !important;
max-height: none !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-group {
display: block !important;
gap: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-group + .marnamic-air-search__filter-group {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-title {
display: grid !important;
min-height: 58px !important;
padding: 12px 22px !important;
color: #132124 !important;
font-size: 16px !important;
line-height: 1.2 !important;
letter-spacing: 0.02em !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-list {
padding: 0 14px 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-list[hidden] {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-actions {
display: grid !important;
margin: 0 !important;
padding: 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-reset,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-apply {
height: auto !important;
min-height: 46px !important;
max-height: none !important;
padding: 10px 14px !important;
border-radius: 14px !important;
}
@media (max-width: 979px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open > .marnamic-air-search__popover--purpose {
max-height: min(620px, calc(100dvh - 96px)) !important;
}
}body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover {
top: calc(100% + 14px) !important;
margin-top: 0 !important;
padding: 18px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
color: #132124 !important;
background: #f7f3eb !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 28px !important;
box-shadow: 0 20px 46px rgba(19, 33, 36, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__options {
display: grid !important;
gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__option {
min-height: 56px !important;
margin: 0 !important;
padding: 13px 16px !important;
color: #132124 !important;
background: transparent !important;
border: 0 !important;
border-radius: 16px !important;
font-size: 0.98rem !important;
font-weight: 900 !important;
line-height: 1.25 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__option:is(:hover, :focus-visible) {
color: #132124 !important;
background: rgba(108, 185, 195, 0.14) !important;
box-shadow: none !important;
outline: 3px solid rgba(108, 185, 195, 0.34) !important;
outline-offset: -3px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--location-start {
padding: 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--location-start .marnamic-air-search__option {
display: grid !important;
grid-template-columns: 46px minmax(0, 1fr) auto !important;
gap: 14px !important;
align-items: center !important;
padding: 8px 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--location-start .marnamic-air-search__option::before {
content: "\f3c5" !important;
display: inline-grid !important;
width: 46px !important;
height: 46px !important;
place-items: center !important;
color: #132124 !important;
background: rgba(108, 185, 195, 0.12) !important;
border-radius: 14px !important;
font-family: "Font Awesome 5 Free";
font-size: 1.35rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--location-start .marnamic-air-search__option--nearby::after {
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--radius {
padding: 20px !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--purpose {
padding: 0 !important;
overflow: hidden !important;
border-radius: 28px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-title {
min-height: 62px !important;
padding: 15px 22px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-list {
gap: 9px !important;
padding: 0 16px 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-purpose-option {
min-height: 54px !important;
padding: 11px 14px !important;
border-radius: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container {
max-height: min(620px, calc(100dvh - 140px)) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
background: #f7f3eb !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 28px !important;
box-shadow: 0 20px 46px rgba(19, 33, 36, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item {
min-height: 62px !important;
padding: 14px 18px !important;
color: rgba(19, 33, 36, 0.7) !important;
background: transparent !important;
border-top: 1px solid rgba(19, 33, 36, 0.08) !important;
font-size: 0.95rem !important;
line-height: 1.35 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item:first-child {
border-top: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item:hover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item-selected {
background: rgba(108, 185, 195, 0.14) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container :is(.pac-item-query, .pac-matched) {
color: #132124 !important;
font-size: 0.98rem !important;
line-height: 1.35 !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover {
top: calc(100% + 8px) !important;
width: calc(100vw - 32px) !important;
max-width: calc(100vw - 32px) !important;
padding: 14px !important;
border-radius: 22px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--purpose {
padding: 0 !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start {
top: calc(100% + 14px) !important;
padding: 18px !important;
overflow: hidden auto !important;
background: #f7f3eb !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 28px !important;
box-shadow: 0 20px 46px rgba(19, 33, 36, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start .marnamic-air-search__option {
min-height: 62px !important;
padding: 8px 12px !important;
border-radius: 16px !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start {
top: calc(100% + 8px) !important;
padding: 14px !important;
border-radius: 22px !important;
}
}body.wp-child-theme-marnamic .site-header,
body.wp-child-theme-marnamic .header-navbar {
border: 0 !important;
box-shadow: none !important;
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active {
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active > .marnamic-air-mobile-card__trigger {
position: relative !important;
z-index: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active > .marnamic-air-mobile-card__content {
position: relative !important;
z-index: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field--location > .hp-field--location {
position: relative !important;
z-index: 5 !important;
isolation: isolate !important;
border: 0 !important;
box-shadow: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field--location > .hp-field--location > input[name="location"] {
position: relative !important;
z-index: 1 !important;
min-height: 56px !important;
font-size: 16px !important;
line-height: 1.25 !important;
-webkit-appearance: none !important;
appearance: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field--location > .hp-field--location > :is(.marnamic-air-search__location-action, .marnamic-air-search__segment-clear) {
z-index: 3 !important;
display: inline-flex !important;
width: 46px !important;
min-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
align-items: center !important;
justify-content: center !important;
pointer-events: auto !important;
touch-action: manipulation !important;
-webkit-user-select: none !important;
user-select: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__option,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-purpose-option,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__filter-title {
position: relative !important;
z-index: 1 !important;
width: 100% !important;
min-height: 56px !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open.marnamic-air-search--location-typing .hp-form__field--location > .marnamic-air-search__popover--location-start {
display: none !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container {
position: fixed !important;
z-index: 12150 !important;
margin: 0 !important;
padding: 6px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-active) !important;
border: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 18px !important;
box-shadow: 0 16px 42px rgba(0, 0, 0, 0.24) !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item {
display: flex !important;
min-height: 58px !important;
align-items: center !important;
margin: 0 !important;
padding: 10px 12px !important;
overflow: hidden !important;
color: var(--marnamic-search-ink) !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
font-size: 15px !important;
line-height: 1.3 !important;
white-space: normal !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item + .pac-item {
border-top: 1px solid rgba(19, 33, 36, 0.1) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item:is(:active, .pac-item-selected) {
background: rgba(108, 185, 195, 0.18) !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .hp-form__fields {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
padding: 12px 16px 20px !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card {
flex: 0 0 auto !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
color: #202020 !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.08) !important;
border-radius: 22px !important;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07) !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card.is-active {
border-color: rgba(32, 32, 32, 0.12) !important;
border-radius: 28px !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1) !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__trigger {
display: grid !important;
width: 100% !important;
min-height: 78px !important;
grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
gap: 18px !important;
align-items: center !important;
margin: 0 !important;
padding: 18px 20px !important;
color: #202020 !important;
background: transparent !important;
border: 0 !important;
border-radius: inherit !important;
box-shadow: none !important;
font: inherit !important;
text-align: left !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card.is-active > .marnamic-air-mobile-card__trigger {
min-height: 0 !important;
padding: 22px 22px 10px !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__label {
color: rgba(32, 32, 32, 0.62) !important;
font-size: 1rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__summary {
min-width: 0 !important;
overflow: hidden !important;
color: #202020 !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-align: right !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card.is-active .marnamic-air-mobile-card__label {
color: #202020 !important;
font-size: 1.55rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card.is-active .marnamic-air-mobile-card__summary {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content {
display: none !important;
padding: 0 22px 22px !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card.is-active > .marnamic-air-mobile-card__content {
display: block !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field,
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field.is-mobile-active {
position: relative !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
color: #202020 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field::before,
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field::after,
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field > :is(.marnamic-air-search__label, .marnamic-air-search__hint) {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .hp-field--location {
position: relative !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .hp-field--location > input {
width: 100% !important;
min-height: 54px !important;
padding: 12px 58px 12px 16px !important;
color: #202020 !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.26) !important;
border-radius: 15px !important;
box-shadow: none !important;
font-size: 1rem !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .hp-field--location > .marnamic-air-search__location-action {
top: 50% !important;
right: 7px !important;
transform: translateY(-50%) !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field {
margin-top: 16px !important;
padding-top: 16px !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .marnamic-air-search__radius-trigger {
display: grid !important;
width: 100% !important;
min-height: 52px !important;
grid-template-columns: 1fr auto !important;
align-items: center !important;
margin: 0 !important;
padding: 0 2px !important;
color: #202020 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
text-align: left !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .marnamic-air-search__radius-trigger-value {
font-weight: 700 !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .hp-field--search,
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content :is(.marnamic-air-search__native-select, .marnamic-air-search__native-control) {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field > .marnamic-air-search__popover {
position: static !important;
display: none !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field.is-open > .marnamic-air-search__popover {
display: block !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .marnamic-air-search__popover--purpose {
flex-direction: column !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .hp-form__field.is-open > .marnamic-air-search__popover--purpose {
display: flex !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .marnamic-air-search__filter-actions {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .marnamic-air-search__group + .marnamic-air-search__group {
margin-top: 14px !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .marnamic-air-search__radius-body {
min-height: 230px !important;
}
} body.wp-child-theme-marnamic :is(
.marnamic-listing-search__mobile-close,
.marnamic-listing-search__mobile-actions,
.marnamic-listing-search__label,
.marnamic-listing-search__hint
) {
display: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.marnamic-listing-search-mobile-open {
overflow: hidden !important;
overscroll-behavior: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-mobile-search.marnamic-listing-search--mobile-open {
position: fixed !important;
top: var(--marnamic-mobile-viewport-top, 0px) !important;
right: 0 !important;
bottom: auto !important;
left: 0 !important;
z-index: 12000 !important;
display: block !important;
width: 100vw !important;
max-width: none !important;
height: var(--marnamic-mobile-viewport-height, 100dvh) !important;
min-height: 0 !important;
max-height: var(--marnamic-mobile-viewport-height, 100dvh) !important;
margin: 0 !important;
padding: calc(58px + env(safe-area-inset-top)) 0 calc(82px + env(safe-area-inset-bottom)) !important;
overflow: hidden !important;
color: #202020 !important;
background: #f5f5f4 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .hp-form__fields {
position: absolute !important;
top: calc(58px + env(safe-area-inset-top)) !important;
right: 0 !important;
bottom: calc(82px + env(safe-area-inset-bottom)) !important;
left: 0 !important;
display: grid !important;
width: auto !important;
height: auto !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 12px !important;
align-content: start !important;
margin: 0 !important;
padding: 12px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .hp-form__fields > .hp-form__field {
position: relative !important;
display: grid !important;
width: 100% !important;
height: auto !important;
min-height: 78px !important;
max-height: none !important;
grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
gap: 8px 18px !important;
align-items: center !important;
margin: 0 !important;
padding: 18px 20px !important;
overflow: visible !important;
color: #202020 !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.08) !important;
border-radius: 22px !important;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active {
min-height: 136px !important;
align-items: start !important;
padding: 22px !important;
border-radius: 28px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .marnamic-listing-search__label {
display: block !important;
grid-column: 1 !important;
grid-row: 1 !important;
color: rgba(32, 32, 32, 0.62) !important;
font-size: 1rem !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .marnamic-listing-search__hint {
display: block !important;
grid-column: 2 !important;
grid-row: 1 !important;
color: #202020 !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-align: right !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-form__field.is-mobile-active > .marnamic-listing-search__label {
grid-column: 1 / -1 !important;
color: #202020 !important;
font-size: 1.55rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-form__field.is-mobile-active > .marnamic-listing-search__hint {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-form__field:not(.is-mobile-active) > :is(.hp-field, .select2-container) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-form__field.is-mobile-active > :is(.hp-field, .select2-container) {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: none !important;
grid-column: 1 / -1 !important;
grid-row: 2 !important;
margin: 12px 0 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-form__field.is-mobile-active > .select2-hidden-accessible {
position: absolute !important;
display: block !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .hp-form__footer {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .marnamic-listing-search__mobile-close {
position: fixed !important;
top: calc(12px + env(safe-area-inset-top)) !important;
right: 14px !important;
z-index: 12080 !important;
display: grid !important;
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
color: #202020 !important;
background: rgba(32, 32, 32, 0.08) !important;
border: 0 !important;
border-radius: 50% !important;
font: inherit !important;
font-size: 28px !important;
line-height: 1 !important;
text-indent: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .marnamic-listing-search__mobile-actions {
position: absolute !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 12060 !important;
display: grid !important;
min-height: calc(82px + env(safe-area-inset-bottom)) !important;
grid-template-columns: minmax(0, 1fr) minmax(144px, 0.9fr) !important;
gap: 16px !important;
align-items: center !important;
padding: 10px 18px calc(10px + env(safe-area-inset-bottom)) !important;
background: rgba(245, 245, 244, 0.98) !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.06) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open :is(.marnamic-listing-search__mobile-reset, .marnamic-listing-search__mobile-primary) {
min-height: 52px !important;
margin: 0 !important;
padding: 12px 18px !important;
border-radius: 16px !important;
font: inherit !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-indent: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .marnamic-listing-search__mobile-reset {
justify-self: start !important;
color: #202020 !important;
background: transparent !important;
border: 0 !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .marnamic-listing-search__mobile-primary {
width: 100% !important;
color: #f7f3eb !important;
background: #202020 !important;
border: 1px solid #202020 !important;
}
body.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .site-header {
z-index: 1 !important;
background: #f5f5f4 !important;
}
body.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .site-header .header-navbar > * {
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .pac-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-listing-search-mobile-open > .select2-container--open .select2-dropdown {
position: fixed !important;
top: calc(var(--marnamic-mobile-viewport-top, 0px) + 174px + env(safe-area-inset-top)) !important;
right: 22px !important;
bottom: calc(92px + env(safe-area-inset-bottom)) !important;
left: 22px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
max-height: none !important;
overflow-y: auto !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.1) !important;
border-radius: 20px !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field::before {
display: none !important;
content: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field.is-open .marnamic-air-search__radius-trigger,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger:is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger {
min-height: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: 0 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
position: relative !important;
min-width: 0 !important;
isolation: isolate !important;
color: #132124 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field::after {
position: absolute !important;
inset: 0 !important;
z-index: -1 !important;
display: block !important;
width: auto !important;
pointer-events: none !important;
background: transparent !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
content: "" !important;
transition: background-color 160ms ease, box-shadow 160ms ease !important;
}
@media (hover: hover) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:hover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:hover {
z-index: 15 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:hover::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:hover::after {
background: rgba(246, 242, 234, 0.7) !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within) {
z-index: 20 !important;
flex-grow: 1 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within)::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within)::after {
background: #f6f2ea !important;
box-shadow: 0 4px 14px rgba(19, 33, 36, 0.18) !important;
} @media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.marnamic-air-search__field--category:is(:hover, .is-open, :focus-within)::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.marnamic-air-search__field--category:is(:hover, .is-open, :focus-within)::after {
right: 0 !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
position: relative !important;
z-index: 30 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.marnamic-styleguide .styleguide-demo .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
flex: 0 0 48px !important;
align-self: center !important;
padding: 0 !important;
background-size: 24px 24px !important;
border-radius: 50% !important;
} body.wp-child-theme-marnamic.marnamic-styleguide .styleguide-demo .hp-form--vendor-search.marnamic-air-search .hp-form__footer > .hp-form__button.hp-field--submit {
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
flex: 0 0 48px !important;
align-self: center !important;
padding: 0 !important;
background-size: 24px 24px !important;
border-radius: 50% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__segment-clear, .marnamic-air-search__location-action),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__segment-clear, .marnamic-air-search__location-action) {
right: 20px !important;
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
border-radius: 50% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location {
padding-right: 88px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-input {
appearance: none !important;
-webkit-appearance: none !important;
width: 32px !important;
height: 220px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-input::-webkit-slider-runnable-track {
width: 6px !important;
height: 100% !important;
box-sizing: border-box !important;
background: linear-gradient(
to top,
#61a5ac 0 var(--marnamic-radius-progress, 15.15%),
rgba(19, 33, 36, 0.22) var(--marnamic-radius-progress, 15.15%) 100%
) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-input::-webkit-slider-thumb {
appearance: none !important;
-webkit-appearance: none !important;
width: 24px !important;
height: 24px !important;
margin-left: -9px !important;
box-sizing: border-box !important;
background: #6cb9c3 !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 50% !important;
outline: 0 !important;
box-shadow: 0 2px 7px rgba(19, 33, 36, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-input::-moz-range-track {
width: 6px !important;
height: 100% !important;
box-sizing: border-box !important;
background: linear-gradient(
to top,
#61a5ac 0 var(--marnamic-radius-progress, 15.15%),
rgba(19, 33, 36, 0.22) var(--marnamic-radius-progress, 15.15%) 100%
) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-input::-moz-range-thumb {
width: 24px !important;
height: 24px !important;
box-sizing: border-box !important;
background: #6cb9c3 !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 50% !important;
box-shadow: 0 2px 7px rgba(19, 33, 36, 0.18) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover {
top: calc(100% + 12px) !important;
color: #132124 !important;
background: #f6f2ea !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 24px !important;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18) !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
--marnamic-air-search-height: 78px;
--marnamic-air-search-inline: 32px;
display: grid !important;
width: min(100%, 1080px) !important;
max-width: 1080px !important;
min-height: var(--marnamic-air-search-height) !important;
grid-template-columns: minmax(0, 1fr) 78px !important;
gap: 0 !important;
align-items: center !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0 !important;
color: #132124 !important;
background: #c9c4b9 !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results
.hp-page__header
.hp-form--vendor-search.marnamic-air-search {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: 1 / -1 !important;
justify-self: stretch !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
height: var(--marnamic-air-search-height) !important;
align-items: stretch !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within) {
display: grid !important;
min-height: var(--marnamic-air-search-height) !important;
flex: 1 1 0 !important;
align-content: center !important;
gap: 4px !important;
margin: 0 !important;
padding: 13px var(--marnamic-air-search-inline) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child:is(.is-open, :focus-within),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child:is(.is-open, :focus-within) {
padding-left: var(--marnamic-air-search-inline) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.marnamic-air-search__radius-field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.marnamic-air-search__radius-field:is(.is-open, :focus-within),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.marnamic-air-search__radius-field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.marnamic-air-search__radius-field:is(.is-open, :focus-within) {
width: 124px !important;
min-width: 124px !important;
max-width: 124px !important;
inline-size: 124px !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
flex-basis: 124px !important;
box-sizing: border-box !important;
padding: 13px 20px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field .marnamic-air-search__popover--radius,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field .marnamic-air-search__popover--radius {
right: auto !important;
left: 0 !important;
width: 190px !important;
min-width: 190px !important;
max-width: 190px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, input[type="text"], input[type="search"], .marnamic-air-search__hint),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, input[type="text"], input[type="search"], .marnamic-air-search__hint) {
color: #132124 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label {
font-size: 1.02rem !important;
line-height: 1.05 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
font-size: 0.96rem !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.marnamic-styleguide .styleguide-demo .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
width: 78px !important;
min-width: 78px !important;
max-width: 78px !important;
height: var(--marnamic-air-search-height) !important;
min-height: var(--marnamic-air-search-height) !important;
flex: 0 0 78px !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
padding-right: 32px !important;
padding-left: 32px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover {
width: min(430px, calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
}
} body.wp-child-theme-marnamic .marnamic-air-search__mobile-close {
display: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open {
overflow: hidden !important;
overscroll-behavior: none !important;
touch-action: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open {
position: fixed !important;
top: var(--marnamic-mobile-viewport-top, 0px) !important;
right: 0 !important;
bottom: auto !important;
left: 0 !important;
z-index: 12000 !important;
display: block !important;
width: 100vw !important;
max-width: none !important;
height: var(--marnamic-mobile-viewport-height, 100dvh) !important;
min-height: 0 !important;
max-height: var(--marnamic-mobile-viewport-height, 100dvh) !important;
margin: 0 !important;
padding: calc(58px + env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)) !important;
overflow: hidden !important;
color: #132124 !important;
background: #0f191b !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
isolation: isolate !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-close {
position: absolute !important;
top: calc(8px + env(safe-area-inset-top)) !important;
right: 12px !important;
z-index: 12040 !important;
display: grid !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
color: #f7f3eb !important;
background: rgba(24, 39, 43, 0.96) !important;
border: 1px solid rgba(247, 243, 235, 0.28) !important;
border-radius: 50% !important;
box-shadow: none !important;
font: inherit !important;
font-size: 28px !important;
font-weight: 400 !important;
line-height: 1 !important;
text-indent: 0 !important;
cursor: pointer !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields {
position: static !important;
display: block !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active {
position: static !important;
z-index: 12030 !important;
display: flex !important;
width: 100% !important;
min-height: 64px !important;
align-items: center !important;
margin: 0 !important;
padding: 10px 64px 10px 20px !important;
color: #132124 !important;
background: #f7f3eb !important;
border: 0 !important;
border-radius: 22px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__chips {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field.is-mobile-active.is-open > .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field--location.is-mobile-active.is-open > .marnamic-air-search__popover--location-start {
position: absolute !important;
top: calc(134px + env(safe-area-inset-top)) !important;
right: 12px !important;
bottom: max(12px, env(safe-area-inset-bottom)) !important;
left: 12px !important;
z-index: 12020 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
border-radius: 22px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose {
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-air-search__filter-scroll {
min-height: 0 !important;
flex: 1 1 auto !important;
overflow-y: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-air-search__filter-actions {
position: sticky !important;
bottom: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container {
position: fixed !important;
top: calc(var(--marnamic-mobile-viewport-top, 0px) + 134px + env(safe-area-inset-top)) !important;
right: 12px !important;
bottom: auto !important;
left: 12px !important;
z-index: 12050 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: calc(var(--marnamic-mobile-viewport-height, 100dvh) - 146px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
border-radius: 22px !important;
-webkit-overflow-scrolling: touch !important;
}
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results {
--marnamic-archive-sticky-offset: calc(var(--marnamic-header-height) + 140px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
top: var(--marnamic-header-height) !important;
padding-top: 51px !important;
border: 0 !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
width: 100% !important;
max-width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
cursor: pointer !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start {
position: fixed !important;
top: auto !important;
right: 12px !important;
bottom: max(12px, env(safe-area-inset-bottom)) !important;
left: 12px !important;
z-index: 12020 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: min(620px, calc(100dvh - 92px)) !important;
margin: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
border-radius: 24px !important;
box-shadow: 0 18px 52px rgba(0, 0, 0, 0.28) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--purpose,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--purpose {
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--radius,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--radius {
width: min(240px, calc(100vw - 24px)) !important;
max-width: min(240px, calc(100vw - 24px)) !important;
right: auto !important;
left: 50% !important;
transform: translateX(-50%) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input, button, [role="button"], label),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(input, button, [role="button"], label) {
touch-action: manipulation !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open {
color: #132124 !important;
background: #f7f3eb !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-close {
color: #132124 !important;
background: rgba(19, 33, 36, 0.08) !important;
border: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active {
min-height: 64px !important;
padding: 10px 64px 12px 8px !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field.is-mobile-active.is-open > .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field--location.is-mobile-active.is-open > .marnamic-air-search__popover--location-start {
top: calc(124px + env(safe-area-inset-top)) !important;
right: 0 !important;
bottom: max(8px, env(safe-area-inset-bottom)) !important;
left: 0 !important;
padding-right: 12px !important;
padding-left: 12px !important;
background: #f7f3eb !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose {
padding: 0 0 max(8px, env(safe-area-inset-bottom)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-air-search__filter-actions {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) !important;
padding: 12px !important;
background: #f7f3eb !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container {
top: calc(var(--marnamic-mobile-viewport-top, 0px) + 124px + env(safe-area-inset-top)) !important;
right: 0 !important;
left: 0 !important;
height: calc(var(--marnamic-mobile-viewport-height, 100dvh) - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
padding-right: 12px !important;
padding-left: 12px !important;
background: #f7f3eb !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
} body.wp-child-theme-marnamic .marnamic-air-search__mobile-actions {
display: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open {
touch-action: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open {
padding: calc(58px + env(safe-area-inset-top)) 0 calc(82px + env(safe-area-inset-bottom)) !important;
background: #f5f5f4 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields {
position: absolute !important;
top: calc(58px + env(safe-area-inset-top)) !important;
right: 0 !important;
bottom: calc(82px + env(safe-area-inset-bottom)) !important;
left: 0 !important;
display: grid !important;
width: auto !important;
height: auto !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 12px !important;
align-content: start !important;
margin: 0 !important;
padding: 12px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active {
position: relative !important;
z-index: 1 !important;
display: grid !important;
width: 100% !important;
min-height: 78px !important;
grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
gap: 8px 18px !important;
align-items: center !important;
margin: 0 !important;
padding: 18px 20px !important;
color: #202020 !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.08) !important;
border-radius: 22px !important;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active {
z-index: 2 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
align-items: start !important;
padding: 22px !important;
overflow: visible !important;
border-color: rgba(32, 32, 32, 0.12) !important;
border-radius: 28px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field > .marnamic-air-search__label {
grid-column: 1 !important;
grid-row: 1 !important;
color: rgba(32, 32, 32, 0.62) !important;
font-size: 1rem !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field > .marnamic-air-search__hint {
grid-column: 2 !important;
grid-row: 1 !important;
color: #202020 !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-align: right !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field.is-mobile-active > .marnamic-air-search__label {
grid-column: 1 / -1 !important;
color: #202020 !important;
font-size: 1.55rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field.is-mobile-active > .marnamic-air-search__hint {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field:not(.is-mobile-active) > :is(.hp-field--location, .hp-field--search, .marnamic-air-search__native-select, .marnamic-air-search__native-control, .marnamic-air-search__popover) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field.is-mobile-active > :is(.hp-field--location, .hp-field--search) {
position: relative !important;
display: block !important;
width: 100% !important;
grid-column: 1 / -1 !important;
grid-row: 2 !important;
margin: 8px 0 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-field > .marnamic-air-search__radius-trigger {
width: 100% !important;
grid-column: 1 / -1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field.is-mobile-active.is-open > .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field--location.is-mobile-active.is-open > .marnamic-air-search__popover--location-start {
position: static !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
grid-column: 1 / -1 !important;
grid-row: 3 !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose {
display: flex !important;
flex-direction: column !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-air-search__filter-actions {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-actions {
position: absolute !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 12060 !important;
display: grid !important;
min-height: calc(82px + env(safe-area-inset-bottom)) !important;
grid-template-columns: minmax(0, 1fr) minmax(144px, 0.9fr) !important;
gap: 16px !important;
align-items: center !important;
padding: 10px 18px calc(10px + env(safe-area-inset-bottom)) !important;
background: rgba(245, 245, 244, 0.98) !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.06) !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .site-header {
z-index: 1 !important;
background: #f5f5f4 !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .site-header .header-navbar > :not(.header-navbar__end) {
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .site-header .header-navbar__end {
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .hp-page__header {
z-index: 12000 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-close {
position: fixed !important;
top: calc(12px + env(safe-area-inset-top)) !important;
right: 14px !important;
left: auto !important;
z-index: 12080 !important;
visibility: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open :is(.marnamic-air-search__mobile-reset, .marnamic-air-search__mobile-primary) {
min-height: 52px !important;
margin: 0 !important;
padding: 12px 18px !important;
border-radius: 16px !important;
font: inherit !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-indent: 0 !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__mobile-reset {
justify-self: start !important;
color: #202020 !important;
background: transparent !important;
border: 0 !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__mobile-primary {
width: 100% !important;
color: #f7f3eb !important;
background: #202020 !important;
border: 1px solid #202020 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container {
top: calc(var(--marnamic-mobile-viewport-top, 0px) + 174px + env(safe-area-inset-top)) !important;
right: 22px !important;
bottom: calc(92px + env(safe-area-inset-bottom)) !important;
left: 22px !important;
width: auto !important;
height: auto !important;
padding: 8px !important;
overflow-y: auto !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.1) !important;
border-radius: 20px !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field.is-mobile-active {
position: relative !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field > :is(.marnamic-air-search__label, .marnamic-air-search__hint) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .hp-field--location {
position: relative !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .hp-field--location > input {
display: block !important;
width: 100% !important;
min-height: 54px !important;
margin: 0 !important;
padding: 12px 58px 12px 16px !important;
color: #202020 !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.26) !important;
border-radius: 15px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field {
display: block !important;
margin-top: 16px !important;
padding-top: 16px !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-trigger {
display: grid !important;
width: 100% !important;
min-height: 52px !important;
grid-template-columns: 1fr auto !important;
align-items: center !important;
margin: 0 !important;
padding: 0 2px !important;
color: #202020 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content :is(.hp-field--search, .marnamic-air-search__native-select, .marnamic-air-search__native-control) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field > .marnamic-air-search__popover {
position: static !important;
display: none !important;
inset: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location {
position: relative !important;
z-index: 8 !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__control {
position: relative !important;
z-index: 2 !important;
display: grid !important;
width: 100% !important;
min-height: 58px !important;
grid-template-columns: minmax(0, 1fr) 48px !important;
align-items: center !important;
gap: 4px !important;
margin: 0 !important;
padding: 4px !important;
background: #fffaf3 !important;
border: 1px solid rgba(19, 33, 36, 0.24) !important;
border-radius: 16px !important;
box-shadow: none !important;
isolation: isolate !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source {
position: relative !important;
inset: auto !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: 48px !important;
min-height: 48px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
transform: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source > input[name="location"] {
position: relative !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: 48px !important;
min-height: 48px !important;
margin: 0 !important;
padding: 10px 12px !important;
color: var(--marnamic-search-ink) !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
outline: 0 !important;
font: inherit !important;
font-size: 16px !important;
line-height: 1.25 !important;
opacity: 1 !important;
visibility: visible !important;
-webkit-appearance: none !important;
appearance: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source > input[name="location"]:focus {
background: rgba(108, 185, 195, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source > a {
display: none !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__locate {
position: relative !important;
inset: auto !important;
z-index: 3 !important;
display: inline-flex !important;
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-location) !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
-webkit-tap-highlight-color: transparent !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__locate[hidden] {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__control > .marnamic-mobile-location__clear {
position: relative !important;
inset: auto !important;
z-index: 3 !important;
display: inline-flex !important;
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-location) !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__legacy-control,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__legacy-popover {
position: absolute !important;
inset: 0 auto auto 0 !important;
z-index: -1 !important;
display: block !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
visibility: hidden !important;
border: 0 !important;
box-shadow: none !important;
pointer-events: none !important;
touch-action: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options {
position: relative !important;
z-index: 1 !important;
display: none !important;
width: 100% !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open:not(.marnamic-air-search--location-typing) .hp-form__field--location.is-open .marnamic-mobile-location__options {
display: block !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options :is(.marnamic-air-search__group, .marnamic-air-search__options) {
position: relative !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__group + .marnamic-air-search__group {
margin-top: 10px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option {
position: relative !important;
z-index: 2 !important;
display: grid !important;
width: 100% !important;
min-height: 60px !important;
align-items: center !important;
margin: 0 !important;
padding: 10px 4px !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-touch-panel {
isolation: isolate !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch {
display: grid !important;
grid-template-columns: 44px minmax(0, 1fr) 44px !important;
gap: 10px !important;
align-items: center !important;
justify-content: stretch !important;
padding: 8px 10px !important;
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-surface) !important;
border-color: rgba(246, 242, 234, 0.18) !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
cursor: pointer !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic .marnamic-air-search__mobile-launch > .hp-icon {
display: inline-flex !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
align-items: center !important;
justify-content: center !important;
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-accent) !important;
border-radius: 50% !important;
}
body.wp-child-theme-marnamic .marnamic-air-search__mobile-launch > span {
grid-column: 2 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic .marnamic-air-search__mobile-launch::after {
display: block !important;
grid-column: 3 !important;
width: 44px !important;
height: 1px !important;
content: "" !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open :is(
.marnamic-air-mobile-card,
.marnamic-air-mobile-card__content,
.marnamic-air-mobile-card__content > .hp-form__field,
.marnamic-air-search__popover,
.marnamic-air-search__group,
.marnamic-air-search__options
) {
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content {
position: relative !important;
z-index: 3 !important;
isolation: isolate !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open :is(
.marnamic-air-mobile-card__trigger,
.marnamic-air-search__option,
.marnamic-air-search__filter-title,
.marnamic-purpose-option,
.marnamic-air-search__radius-trigger,
.marnamic-air-search__segment-clear,
.marnamic-air-search__location-action,
.marnamic-air-search__mobile-close,
.marnamic-air-search__mobile-reset,
.marnamic-air-search__mobile-primary
) {
min-height: 44px !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
cursor: pointer !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__option {
min-height: 56px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-purpose-option {
display: grid !important;
min-height: 52px !important;
align-items: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open :is(
input[type="text"],
input[type="search"],
input[type="checkbox"]
) {
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-input {
min-height: 44px !important;
pointer-events: auto !important;
touch-action: pan-x !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item {
pointer-events: auto !important;
touch-action: manipulation !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-body {
display: grid !important;
width: 100% !important;
min-height: 0 !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 8px !important;
align-items: center !important;
margin: 0 !important;
padding: 4px 2px 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-input {
appearance: none !important;
-webkit-appearance: none !important;
display: block !important;
width: 100% !important;
height: 32px !important;
margin: 0 !important;
padding: 0 !important;
writing-mode: horizontal-tb !important;
direction: ltr !important;
background: transparent !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-input::-webkit-slider-runnable-track {
width: 100% !important;
height: 6px !important;
background: linear-gradient(
to right,
#61a5ac 0 var(--marnamic-radius-progress, 15.15%),
rgba(19, 33, 36, 0.2) var(--marnamic-radius-progress, 15.15%) 100%
) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-input::-webkit-slider-thumb {
appearance: none !important;
-webkit-appearance: none !important;
width: 24px !important;
height: 24px !important;
margin-top: -9px !important;
margin-left: 0 !important;
background: #6cb9c3 !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 50% !important;
box-shadow: 0 2px 7px rgba(19, 33, 36, 0.16) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-input::-moz-range-track {
width: 100% !important;
height: 6px !important;
background: linear-gradient(
to right,
#61a5ac 0 var(--marnamic-radius-progress, 15.15%),
rgba(19, 33, 36, 0.2) var(--marnamic-radius-progress, 15.15%) 100%
) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-input::-moz-range-thumb {
width: 24px !important;
height: 24px !important;
background: #6cb9c3 !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 50% !important;
box-shadow: 0 2px 7px rgba(19, 33, 36, 0.16) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-scale {
display: flex !important;
min-width: 0 !important;
flex-direction: row-reverse !important;
justify-content: space-between !important;
padding: 0 !important;
color: rgba(19, 33, 36, 0.66) !important;
font-size: 0.78rem !important;
font-weight: 720 !important;
line-height: 1 !important;
}
} body.wp-child-theme-marnamic .marnamic-air-search__mobile-launch {
display: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > :is(.hp-form__fields, .hp-form__footer, .marnamic-air-search__mobile-close, .marnamic-air-search__mobile-actions),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > :is(.hp-form__fields, .hp-form__footer, .marnamic-air-search__mobile-close, .marnamic-air-search__mobile-actions) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch {
position: relative !important;
display: inline-flex !important;
width: 100% !important;
min-height: 64px !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
margin: 0 !important;
padding: 14px 24px !important;
color: #202020 !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.12) !important;
border-radius: 999px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.09) !important;
font: inherit !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-align: center !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .marnamic-air-search__mobile-launch > .hp-icon {
width: 20px !important;
min-width: 20px !important;
height: 20px !important;
color: currentColor !important;
font-size: 18px !important;
line-height: 20px !important;
}
body.wp-child-theme-marnamic .marnamic-air-search__mobile-launch:is(:hover, :focus-visible) {
border-color: rgba(32, 32, 32, 0.2) !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-launch {
display: none !important;
}
} body.wp-child-theme-marnamic {
--marnamic-search-ink: #132124;
--marnamic-search-page: #132124;
--marnamic-search-surface: #c9c4b9;
--marnamic-search-active: #f6f2ea;
--marnamic-search-location: #6cb9c3;
--marnamic-search-accent: #6cb9c3;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-active) !important;
border-color: rgba(19, 33, 36, 0.14) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-page) !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .hp-form__fields > .hp-form__field {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-surface) !important;
border-color: rgba(246, 242, 234, 0.18) !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card.is-active,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-active) !important;
border-color: rgba(19, 33, 36, 0.12) !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24) !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .hp-field--location > input,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-form__field.is-mobile-active > :is(.hp-field, .select2-container) {
color: var(--marnamic-search-ink) !important;
background: #fffaf3 !important;
border-color: rgba(19, 33, 36, 0.22) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__location-action,
body.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-field--location > a {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-location) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-close,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .marnamic-listing-search__mobile-close {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-active) !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-actions,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .marnamic-listing-search__mobile-actions {
background: rgba(19, 33, 36, 0.98) !important;
border-top-color: rgba(246, 242, 234, 0.16) !important;
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__mobile-reset,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .marnamic-listing-search__mobile-reset {
color: var(--marnamic-search-active) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__mobile-primary,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .marnamic-listing-search__mobile-primary {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-accent) !important;
border-color: var(--marnamic-search-accent) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .pac-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .select2-container--open .select2-dropdown {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-active) !important;
border-color: rgba(19, 33, 36, 0.12) !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__footer {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field::after {
display: none !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
content: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field--location > .hp-field--location {
position: relative !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 54px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field--location > .hp-field--location > input {
display: block !important;
width: 100% !important;
height: 54px !important;
min-height: 54px !important;
margin: 0 !important;
padding: 12px 62px 12px 16px !important;
opacity: 1 !important;
visibility: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field--location :is(.marnamic-air-search__segment-clear, .marnamic-air-search__location-action) {
position: absolute !important;
top: 27px !important;
right: 7px !important;
bottom: auto !important;
left: auto !important;
z-index: 4 !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
padding: 0 !important;
transform: translateY(-50%) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field > .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field--location > .marnamic-air-search__popover--location-start,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field > .marnamic-air-search__popover--radius {
position: static !important;
inset: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field:not(.is-open) > .marnamic-air-search__popover {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field.is-open > .marnamic-air-search__popover {
display: block !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field.is-open > .marnamic-air-search__popover--purpose {
display: flex !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field[hidden],
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--region-mode .marnamic-air-search__radius-field {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, .marnamic-air-search__radius-trigger-label) {
color: #132124 !important;
font-size: 1rem !important;
font-weight: 850 !important;
line-height: 1.05 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__hint, .marnamic-air-search__radius-trigger-value) {
font-size: 0.96rem !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__hint {
color: rgba(19, 33, 36, 0.58) !important;
font-weight: 650 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field.has-segment-value .marnamic-air-search__hint, .marnamic-air-search__radius-trigger-value) {
color: #132124 !important;
font-weight: 780 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-role-option {
cursor: pointer !important;
touch-action: manipulation !important;
}body.wp-child-theme-marnamic {
--marnamic-card-radius: var(--marnamic-radius);
--marnamic-card-border: rgba(161, 192, 195, 0.22);
--marnamic-card-border-hover: rgba(231, 253, 135, 0.46);
--marnamic-card-surface: rgba(24, 39, 43, 0.84);
--marnamic-card-surface-footer: rgba(15, 25, 27, 0.3);
--marnamic-card-space: clamp(18px, 2vw, 24px);
--marnamic-card-gap: 12px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
color: var(--marnamic-cream) !important;
background: var(--marnamic-card-surface) !important;
border: 1px solid var(--marnamic-card-border) !important;
border-radius: var(--marnamic-card-radius) !important;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.14) !important;
overflow: hidden !important;
transform: none !important;
transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card:hover {
background: rgba(32, 51, 55, 0.94) !important;
border-color: var(--marnamic-card-border-hover) !important;
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18) !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__header, .hp-listing__header) {
flex: 0 0 auto;
min-width: 0;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__header {
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image {
display: grid !important;
min-height: 164px !important;
place-items: center !important;
padding: 20px var(--marnamic-card-space) 8px !important;
background: transparent !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image > a {
display: flex !important;
width: min(100%, 242px) !important;
min-height: 120px !important;
align-items: center !important;
justify-content: center !important;
padding: 18px !important;
background: var(--marnamic-logo-tile) !important;
border: 1px solid rgba(19, 33, 36, 0.1) !important;
border-radius: calc(var(--marnamic-card-radius) - 2px) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image img {
width: 100% !important;
max-width: 100% !important;
max-height: 84px !important;
object-fit: contain !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__image {
position: relative !important;
display: block !important;
min-height: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: rgba(15, 25, 27, 0.46) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__image :is(a, img, video) {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-width: none !important;
max-height: none !important;
aspect-ratio: 16 / 10;
object-fit: cover !important;
border: 0 !important;
border-radius: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__content, .hp-listing__content) {
display: flex !important;
min-width: 0 !important;
flex: 0 0 auto !important;
flex-direction: column !important;
gap: var(--marnamic-card-gap) !important;
padding: 10px var(--marnamic-card-space) var(--marnamic-card-space) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__name, .hp-listing__title) {
min-width: 0 !important;
margin: 0 !important;
color: var(--marnamic-cream) !important;
font-family: var(--marnamic-font-display) !important;
font-size: clamp(1.08rem, 1.3vw, 1.3rem) !important;
font-weight: 650 !important;
line-height: 1.2 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__name, .hp-listing__title) a {
display: inline !important;
overflow-wrap: anywhere !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__details--primary {
display: flex !important;
min-width: 0 !important;
align-items: center !important;
gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__created-date {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__category a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__role {
display: inline-flex !important;
width: fit-content !important;
max-width: 100% !important;
padding: 5px 9px !important;
color: #132124 !important;
background: var(--marnamic-lime) !important;
border-radius: 999px !important;
font-size: 0.76rem !important;
font-weight: 800 !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__meta {
display: grid;
min-width: 0;
gap: 10px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__description {
display: -webkit-box;
margin: 0 !important;
overflow: hidden;
color: var(--marnamic-text-muted) !important;
font-size: 0.9rem !important;
line-height: 1.48 !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__identity {
display: flex;
min-width: 0;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__region,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__location {
display: inline-flex;
min-width: 0;
align-items: center;
gap: 6px;
color: var(--marnamic-mint) !important;
font-size: 0.82rem;
font-weight: 650;
line-height: 1.25;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__circularity-score {
display: inline-flex;
min-height: 28px;
align-items: center;
gap: 6px;
padding: 3px 4px 3px 9px;
color: var(--marnamic-mint);
background: rgba(97, 165, 172, 0.12);
border: 1px solid rgba(97, 165, 172, 0.34);
border-radius: 999px;
font-size: 0.72rem;
font-weight: 700;
line-height: 1;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__circularity-score strong {
display: inline-flex;
min-width: 26px;
height: 20px;
align-items: center;
justify-content: center;
padding: 0 5px;
color: var(--marnamic-dark);
background: var(--marnamic-teal);
border-radius: 999px;
font-size: 0.7rem;
font-weight: 900;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__location .hp-icon {
color: var(--marnamic-teal);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__tags {
display: flex;
min-width: 0;
flex-wrap: wrap;
gap: 6px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__tag {
max-width: 100%;
padding: 5px 8px;
overflow: hidden;
color: var(--marnamic-mint);
background: rgba(161, 192, 195, 0.1);
border: 1px solid rgba(161, 192, 195, 0.2);
border-radius: 999px;
font-size: 0.73rem;
font-weight: 650;
line-height: 1.15;
text-overflow: ellipsis;
white-space: nowrap;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__footer, .hp-listing__footer) {
display: flex !important;
min-height: 60px !important;
align-items: center !important;
justify-content: flex-end !important;
margin-top: auto !important;
padding: 10px var(--marnamic-card-space) !important;
background: var(--marnamic-card-surface-footer) !important;
border-top: 1px solid rgba(161, 192, 195, 0.14) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__actions, .hp-listing__actions) {
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__action, .hp-listing__action) {
display: inline-flex !important;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: var(--marnamic-mint) !important;
background: rgba(15, 25, 27, 0.48) !important;
border: 1px solid rgba(161, 192, 195, 0.22) !important;
border-radius: var(--marnamic-card-radius) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__action, .hp-listing__action):is(:hover, :focus-visible) {
color: #132124 !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__sidebar .marnamic-card--vendor .hp-vendor__image {
min-height: 132px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__sidebar .marnamic-card--vendor .hp-vendor__image > a {
min-height: 94px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__sidebar .marnamic-card--vendor .hp-vendor__content {
padding-bottom: 18px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card {
display: flex !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
align-self: start !important;
grid-template-columns: none !important;
flex-direction: column !important;
gap: 0 !important;
padding: 0 !important;
background: var(--marnamic-card-surface) !important;
border: 1px solid var(--marnamic-card-border) !important;
border-radius: var(--marnamic-card-radius) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__image {
display: grid !important;
width: auto !important;
min-height: 164px !important;
margin: 0 !important;
padding: 20px var(--marnamic-card-space) 8px !important;
place-items: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__image a {
display: flex !important;
width: min(100%, 242px) !important;
min-width: 0 !important;
min-height: 120px !important;
height: auto !important;
aspect-ratio: auto !important;
padding: 18px !important;
border-radius: calc(var(--marnamic-card-radius) - 2px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image img,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__image img {
width: 100% !important;
max-width: 100% !important;
max-height: 84px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__content {
min-height: 0 !important;
flex: 0 0 auto !important;
align-items: stretch !important;
gap: var(--marnamic-card-gap) !important;
padding: 10px var(--marnamic-card-space) var(--marnamic-card-space) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__name,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__name {
width: auto !important;
font-size: clamp(1.08rem, 1.3vw, 1.3rem) !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__name a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__name a {
display: inline !important;
width: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__footer {
justify-content: flex-end !important;
gap: 0 !important;
padding: 10px var(--marnamic-card-space) !important;
background: var(--marnamic-card-surface-footer) !important;
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings) :is(.hp-grid__item, [class*="hp-col-"]) {
min-width: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card {
width: 100% !important;
max-width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image {
min-height: 150px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__content, .hp-listing__content) {
padding: 10px 18px 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__footer, .hp-listing__footer) {
min-height: 56px !important;
padding-inline: 18px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.pagination, .pagination .nav-links, .hp-pagination) {
display: flex !important;
width: 100% !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.pagination .nav-links > a,
.pagination .nav-links > span,
.pagination > a,
.pagination > span,
.hp-pagination a,
.hp-pagination span
) {
display: inline-flex !important;
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body) !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
transition:
color var(--marnamic-ui-transition),
background-color var(--marnamic-ui-transition),
border-color var(--marnamic-ui-transition),
transform var(--marnamic-ui-transition) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.pagination .current,
.pagination .nav-links > a:hover,
.pagination .nav-links > a:focus-visible,
.pagination > a:hover,
.pagination > a:focus-visible,
.hp-pagination .current,
.hp-pagination a:hover,
.hp-pagination a:focus-visible
) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.pagination a, .hp-pagination a):active {
transform: translateY(1px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.pagination .dots, .hp-pagination .dots) {
color: var(--marnamic-ui-text-soft) !important;
background: transparent !important;
border-color: transparent !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.pagination .next,
.pagination .prev,
.hp-pagination .next,
.hp-pagination .prev
) {
position: relative !important;
font-size: 0 !important;
overflow: hidden !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .pagination .nav-links > a.next.page-numbers,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pagination .nav-links > a.prev.page-numbers,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-pagination > a.next,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-pagination > a.prev {
font-size: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.pagination .next,
.pagination .prev,
.hp-pagination .next,
.hp-pagination .prev
)::before {
display: block !important;
width: 11px !important;
height: 11px !important;
content: "" !important;
border-top: 3px solid currentColor !important;
border-right: 3px solid currentColor !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pagination .nav-links > a:is(.next, .prev).page-numbers::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-pagination > a:is(.next, .prev)::before {
display: block !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.pagination .next, .hp-pagination .next)::before {
margin-left: -4px !important;
transform: rotate(45deg) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.pagination .prev, .hp-pagination .prev)::before {
margin-right: -4px !important;
transform: rotate(-135deg) !important;
}
@media (max-width: 520px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.pagination, .pagination .nav-links, .hp-pagination) {
gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.pagination .nav-links > a,
.pagination .nav-links > span,
.pagination > a,
.pagination > span,
.hp-pagination a,
.hp-pagination span
) {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
font-size: 0.94rem !important;
}
} body.wp-child-theme-marnamic {
--marnamic-card-radius: 8px;
--marnamic-card-border: rgba(161, 192, 195, 0.32);
--marnamic-card-border-hover: rgba(231, 253, 135, 0.68);
--marnamic-card-surface: #1b2b2f;
--marnamic-card-surface-hover: #203438;
--marnamic-card-space: 16px;
--marnamic-card-gap: 8px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card {
height: auto !important;
min-height: 0 !important;
flex-direction: column !important;
background: var(--marnamic-card-surface) !important;
border: 1px solid var(--marnamic-card-border) !important;
border-radius: var(--marnamic-card-radius) !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14) !important;
transform: translateY(0) !important;
transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card:hover {
background: var(--marnamic-card-surface-hover) !important;
border-color: var(--marnamic-card-border-hover) !important;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2) !important;
transform: translateY(-2px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card:active {
transform: translateY(0) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card:focus-within {
outline: 3px solid rgba(231, 253, 135, 0.5) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__header,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__header,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__header {
margin: 0 !important;
padding: 16px 16px 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__image {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__image > a {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
height: 112px !important;
min-height: 112px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 16px !important;
background: #f1e9dd !important;
border: 0 !important;
border-radius: 6px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image img,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image img,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__image img {
width: auto !important;
max-width: 88% !important;
height: auto !important;
max-height: 72px !important;
object-fit: contain !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor {
position: relative !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.marnamic-card__circularity-score {
position: absolute !important;
top: 26px !important;
right: 26px !important;
left: auto !important;
z-index: 4 !important;
min-height: 32px !important;
margin: 0 !important;
padding: 4px 5px 4px 11px !important;
color: var(--marnamic-mint, #a1c0c3) !important;
background: rgba(19, 33, 36, 0.94) !important;
border: 1px solid rgba(97, 165, 172, 0.72) !important;
border-radius: 999px !important;
box-shadow: 0 7px 18px rgba(0, 0, 0, 0.24) !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.marnamic-card__circularity-score strong {
min-width: 26px !important;
height: 22px !important;
padding: 0 6px !important;
background: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__image,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__image :is(a, img, video) {
border-radius: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__image :is(a, img, video) {
aspect-ratio: 16 / 9 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__content, .hp-listing__content),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__content {
min-height: 0 !important;
flex: 0 0 auto !important;
gap: 8px !important;
padding: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__name, .hp-listing__title),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__name,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__name {
display: -webkit-box !important;
min-height: 48px !important;
margin: 0 !important;
overflow: hidden !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 24px !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__meta {
gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__description {
min-height: 46px;
font-size: 16px !important;
line-height: 23px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__identity {
gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__category a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__role {
padding: 0 !important;
color: var(--marnamic-lime) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: 0.04em !important;
line-height: 18px !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__region,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__location {
font-size: 14px !important;
font-weight: 650 !important;
line-height: 20px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__tags {
gap: 6px !important;
max-height: none !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__tag {
padding: 5px 8px !important;
font-size: 13px !important;
line-height: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__footer, .hp-listing__footer),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__footer {
display: flex !important;
min-height: 56px !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
margin-top: auto !important;
padding: 8px 16px 16px !important;
background: transparent !important;
border-top: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__cta {
display: inline-flex !important;
min-width: 0;
min-height: 40px;
align-items: center;
justify-content: center;
gap: 8px;
padding: 8px 16px !important;
color: #132124 !important;
background: var(--marnamic-lime) !important;
border: 1px solid var(--marnamic-lime) !important;
border-radius: 8px !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 22px !important;
text-decoration: none !important;
transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__cta:is(:hover, :focus-visible) {
color: #132124 !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18) !important;
transform: translateY(-1px);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__cta:active {
box-shadow: none !important;
transform: translateY(0);
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card__matching-cta {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.hp-vendor__footer {
display: grid !important;
grid-template-areas: "profile message";
grid-template-columns: minmax(0, 1fr) 40px !important;
gap: 8px !important;
align-items: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.hp-vendor__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide
.styleguide-archive-frame
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.hp-vendor__footer {
grid-template-areas:
"profile message"
"matching matching";
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.hp-vendor__footer:not(:has(.marnamic-card__matching-cta)) {
grid-template-areas: "profile message";
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
.marnamic-card--vendor .marnamic-card__cta--profile {
grid-area: profile;
width: 100% !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: rgba(15, 25, 27, 0.78) !important;
border-color: rgba(161, 192, 195, 0.34) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
.marnamic-card--vendor .marnamic-card__cta--profile:is(:hover, :focus-visible) {
color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime-hover, #dffc5f) !important;
border-color: var(--marnamic-lime-hover, #dffc5f) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.marnamic-card--vendor .marnamic-card__matching-cta,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide
.styleguide-archive-frame
.marnamic-card--vendor .marnamic-card__matching-cta {
display: inline-flex !important;
grid-area: matching;
width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
.marnamic-card--vendor .marnamic-card__matching-cta i {
color: currentColor !important;
font-size: 0.9em !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
.marnamic-card--vendor .hp-vendor__actions {
grid-area: message;
justify-self: end;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
.marnamic-card--vendor .hp-vendor__footer:not(:has(.hp-vendor__actions:not(:empty)))
.marnamic-card__cta--profile {
grid-column: 1 / -1;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__actions, .hp-listing__actions):empty {
display: none !important;
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__header,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__header,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__header {
padding: 12px 12px 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.marnamic-card__circularity-score {
top: 22px !important;
right: 22px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__content, .hp-listing__content),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__content {
padding: 16px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
gap: 0 !important;
padding: 16px !important;
color: var(--marnamic-cream) !important;
background: var(--marnamic-card-surface) !important;
border: 1px solid var(--marnamic-card-border) !important;
border-radius: var(--marnamic-card-radius) !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14) !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__image {
display: flex !important;
width: 100% !important;
min-height: 112px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 0 16px !important;
padding: 16px !important;
background: #f1e9dd !important;
border: 0 !important;
border-radius: 6px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__image img {
width: auto !important;
max-width: 88% !important;
height: auto !important;
max-height: 72px !important;
object-fit: contain !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__name {
margin: 0 !important;
color: var(--marnamic-cream) !important;
font-size: 22px !important;
font-weight: 400 !important;
line-height: 28px !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__details--primary {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__description {
margin: 16px 0 0 !important;
padding: 16px 0 0 !important;
color: var(--marnamic-text-muted) !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(161, 192, 195, 0.18) !important;
border-radius: 0 !important;
font-size: 16px !important;
line-height: 24px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__description > :first-child {
margin-top: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__description > :last-child {
margin-bottom: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .marnamic-vendor-contact {
width: 100% !important;
margin: 16px 0 0 !important;
padding: 16px 0 0 !important;
border-top: 1px solid rgba(161, 192, 195, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .marnamic-vendor-contact__title {
margin: 0 0 4px !important;
color: var(--marnamic-cream) !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 24px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .marnamic-vendor-contact__item {
padding: 12px 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page .hp-page__sidebar .marnamic-card--vendor .marnamic-card__cta {
width: auto !important;
min-width: 0 !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
color: #132124 !important;
white-space: nowrap !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-block.marnamic-card.marnamic-card--vendor {
block-size: auto !important;
height: 100% !important;
min-block-size: 400px !important;
min-height: 400px !important;
max-block-size: none !important;
max-height: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid .hp-vendor--view-block.marnamic-card.marnamic-card--vendor,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__content .hp-vendors.hp-block.hp-grid .hp-vendor--view-block.marnamic-card.marnamic-card--vendor {
block-size: auto !important;
height: 100% !important;
min-block-size: 400px !important;
min-height: 400px !important;
max-block-size: none !important;
max-height: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__content {
flex: 1 1 auto !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__sidebar .hp-vendor--view-block.marnamic-card.marnamic-card--vendor {
block-size: auto !important;
height: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
max-block-size: none !important;
max-height: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings) + .hp-pagination {
clear: both !important;
margin-top: 32px !important;
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings) + .hp-pagination {
margin-top: 24px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar {
display: grid !important;
width: 100% !important;
min-height: 64px !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
gap: 16px 24px !important;
align-items: center !important;
margin: 0 0 32px !important;
padding: 11px 16px !important;
background: rgba(24, 39, 43, 0.72) !important;
border: 1px solid rgba(161, 192, 195, 0.2) !important;
border-radius: 8px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-result-count,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-result-count,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-result-count {
display: inline-flex !important;
width: auto !important;
min-height: 40px !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-text-muted) !important;
background: transparent !important;
border: 0 !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 20px !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort {
display: block !important;
width: auto !important;
min-width: 0 !important;
justify-self: end !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__fields, .hp-form__field),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__fields, .hp-form__field),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__fields, .hp-form__field) {
display: grid !important;
width: auto !important;
min-width: 0 !important;
grid-template-columns: max-content 210px !important;
gap: 10px !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort .hp-form__fields {
grid-template-columns: max-content !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__label, .hp-field__label),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__label, .hp-field__label),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__label, .hp-field__label) {
margin: 0 !important;
color: var(--marnamic-text-muted) !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 20px !important;
text-transform: none !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort .select2-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort .select2-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort .select2-container {
width: 210px !important;
min-width: 210px !important;
max-width: 210px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort .select2-selection--single,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort .select2-selection--single,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort .select2-selection--single {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort .select2-selection__rendered,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort .select2-selection__rendered,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort .select2-selection__rendered {
letter-spacing: 0 !important;
text-transform: none !important;
}
@media (max-width: 820px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar {
min-height: 0 !important;
grid-template-columns: 1fr !important;
gap: 8px !important;
margin-bottom: 24px !important;
padding: 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort {
width: 100% !important;
justify-self: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__fields, .hp-form__field),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__fields, .hp-form__field),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__fields, .hp-form__field) {
width: 100% !important;
grid-template-columns: max-content minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort .select2-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort .select2-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort .select2-container {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
}body.wp-child-theme-marnamic {
--marnamic-auth-panel-width: 680px;
--marnamic-auth-register-width: 720px;
--marnamic-auth-form-width: 520px;
--marnamic-auth-panel-bg: rgba(15, 25, 27, 0.96);
--marnamic-auth-field-bg: rgba(11, 21, 23, 0.82);
--marnamic-auth-border: rgba(161, 192, 195, 0.28);
--marnamic-auth-border-strong: rgba(161, 192, 195, 0.4);
--marnamic-auth-shadow: 0 28px 72px rgba(0, 0, 0, 0.42);
} body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
) {
display: grid !important;
box-sizing: border-box !important;
width: min(100%, var(--marnamic-auth-form-width)) !important;
max-width: var(--marnamic-auth-form-width) !important;
gap: 0 !important;
margin: 0 auto !important;
padding: 0 !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
text-align: left !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register {
width: min(100%, 560px) !important;
max-width: 560px !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__header {
width: 100% !important;
margin: 0 0 22px !important;
padding: 0 !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
text-align: center !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__description {
max-width: 50ch !important;
margin: 0 auto !important;
color: inherit !important;
font-size: 0.96rem !important;
font-weight: 500 !important;
line-height: 1.55 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__messages:empty {
display: none !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__messages:not(:empty) {
display: block !important;
margin: 0 0 16px !important;
padding: 12px 14px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: rgba(255, 123, 123, 0.1) !important;
border: 1px solid rgba(255, 123, 123, 0.42) !important;
border-radius: var(--marnamic-ui-radius-sm, 6px) !important;
line-height: 1.45 !important;
} body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__messages.hp-form__messages--success {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: rgba(104, 211, 145, 0.12) !important;
border: 1px solid rgba(104, 211, 145, 0.5) !important;
border-left: 4px solid var(--marnamic-success, #68d391) !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__messages.hp-form__messages--success::before {
flex: 0 0 auto;
color: var(--marnamic-success, #68d391);
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-size: 1.15em;
font-weight: 800;
line-height: 1.25;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__messages.hp-form__messages--success > div {
flex: 1 1 auto;
min-width: 0;
padding: 0 !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-weight: 600 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__fields {
display: grid !important;
box-sizing: border-box !important;
width: 100% !important;
gap: 14px !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__field {
position: relative !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__field:not(.hp-form__field--checkbox):not(.hp-form__field--captcha)
.hp-field__label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"]
) {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
height: 56px !important;
min-height: 56px !important;
max-height: 56px !important;
padding: 0 18px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: var(--marnamic-auth-field-bg) !important;
background-image: none !important;
border: 1px solid var(--marnamic-auth-border-strong) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 1rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"]
)::placeholder {
color: rgba(241, 233, 221, 0.56) !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"]
):is(:focus, :focus-visible) {
outline: 0 !important;
border-color: var(--marnamic-ui-primary, #e7fd87) !important;
box-shadow: 0 0 0 3px rgba(231, 253, 135, 0.2) !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register
)
.hp-form__field--password
input {
padding-right: 58px !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register
)
.hp-form__field--password
.hp-field__icon {
position: absolute !important;
top: 50% !important;
right: 8px !important;
bottom: auto !important;
display: grid !important;
box-sizing: border-box !important;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
background: rgba(161, 192, 195, 0.06) !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-sm, 6px) !important;
box-shadow: none !important;
text-decoration: none !important;
transform: translateY(-50%) !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register
)
.hp-form__field--password
.hp-field__icon:is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary, #e7fd87) !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register
)
.hp-form__field--password
.hp-field__icon
:is(i, svg) {
display: inline-grid !important;
width: 1em !important;
height: 1em !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
color: currentColor !important;
fill: currentColor !important;
line-height: 1 !important;
opacity: 1 !important;
vertical-align: middle !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register
)
.hp-form__field--password
.hp-field__icon
:is(i, svg)::before {
display: block !important;
margin: 0 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__footer {
display: grid !important;
box-sizing: border-box !important;
width: 100% !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 16px !important;
align-items: stretch !important;
justify-items: stretch !important;
margin: 24px 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__footer
> * {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin-inline: 0 !important;
justify-self: stretch !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
.hp-form__button,
.hp-form__footer > button,
.hp-form__footer > .button,
button[type="submit"],
input[type="submit"]
) {
display: inline-flex !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 56px !important;
min-height: 56px !important;
max-height: 56px !important;
flex: 1 1 100% !important;
align-items: center !important;
justify-content: center !important;
justify-self: stretch !important;
margin: 0 !important;
padding: 0 22px !important;
color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary, #e7fd87) !important;
background-image: none !important;
border: 1px solid var(--marnamic-ui-primary, #e7fd87) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 1rem !important;
font-weight: 800 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
.hp-form__button,
.hp-form__footer > button,
.hp-form__footer > .button,
button[type="submit"],
input[type="submit"]
):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary-hover, #dffc5f) !important;
border-color: var(--marnamic-ui-primary-hover, #dffc5f) !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__actions {
display: grid !important;
box-sizing: border-box !important;
width: 100% !important;
gap: 6px !important;
justify-items: center !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
text-align: center !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(.hp-form__action, .hp-form__action a, a.hp-form__action) {
max-width: 100% !important;
margin: 0 !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
font-size: 0.96rem !important;
font-weight: 500 !important;
line-height: 1.45 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(.hp-form__action a, a.hp-form__action) {
display: inline !important;
color: var(--marnamic-ui-primary, #e7fd87) !important;
font-weight: 650 !important;
text-decoration: none !important;
text-underline-offset: 3px !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(.hp-form__action a, a.hp-form__action):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-hover, #dffc5f) !important;
text-decoration: underline !important;
} body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox {
display: flex !important;
min-height: 54px !important;
align-items: center !important;
padding: 11px 15px !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
background: var(--marnamic-auth-field-bg) !important;
border: 1px solid var(--marnamic-auth-border) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
label {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
align-items: center !important;
gap: 12px !important;
margin: 0 !important;
color: inherit !important;
line-height: 1.4 !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
input[type="checkbox"] {
position: static !important;
flex: 0 0 20px !important;
width: 20px !important;
min-width: 20px !important;
height: 20px !important;
min-height: 20px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
appearance: auto !important;
-webkit-appearance: checkbox !important;
clip: auto !important;
opacity: 1 !important;
accent-color: var(--marnamic-ui-primary, #e7fd87) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
label
> span {
display: block !important;
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
padding: 0 !important;
color: inherit !important;
} body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
label
> span::before,
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
label
> span::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
input[type="checkbox"]:focus-visible {
outline: 2px solid var(--marnamic-ui-primary, #e7fd87) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
a {
color: var(--marnamic-ui-primary, #e7fd87) !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--captcha {
display: flex !important;
width: 100% !important;
min-height: 102px !important;
align-items: center !important;
justify-content: center !important;
padding: 11px !important;
background: rgba(241, 233, 221, 0.9) !important;
border: 1px solid rgba(241, 233, 221, 0.78) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
:is(.hp-field--captcha, .g-recaptcha) {
width: 304px !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
} body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
.fancybox-slide--html:has(
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
) {
display: flex !important;
box-sizing: border-box !important;
min-height: 100% !important;
align-items: flex-start !important;
justify-content: center !important;
flex-direction: column !important;
padding: 16px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
text-align: initial !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
.fancybox-slide--html:has(
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
)::before {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal) {
position: relative !important;
box-sizing: border-box !important;
width: min(100%, var(--marnamic-auth-panel-width)) !important;
min-width: 0 !important;
max-width: min(100%, var(--marnamic-auth-panel-width)) !important;
max-height: none !important;
flex: 0 0 auto !important;
margin: auto !important;
padding: 36px 48px 38px !important;
overflow: visible !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: var(--marnamic-auth-panel-bg) !important;
background-image: none !important;
border: 1px solid var(--marnamic-auth-border) !important;
border-radius: 14px !important;
box-shadow: var(--marnamic-auth-shadow) !important;
text-align: center !important;
-webkit-backdrop-filter: blur(10px) saturate(112%) !important;
backdrop-filter: blur(10px) saturate(112%) !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal {
width: min(100%, var(--marnamic-auth-register-width)) !important;
max-width: min(100%, var(--marnamic-auth-register-width)) !important;
padding-top: 24px !important;
padding-bottom: 26px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)::before {
display: block !important;
width: 64px !important;
height: 64px !important;
margin: 0 auto 16px !important;
background: url(//matching.marnamic.com/wp-content/themes/marnamic/images/Logo-creme-512.png) center / contain no-repeat !important;
content: "" !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal::before {
width: 52px !important;
height: 52px !important;
margin-bottom: 10px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
.hp-modal__title {
max-width: min(100%, 470px) !important;
margin: 0 auto 26px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: clamp(2rem, 3.6vw, 2.7rem) !important;
font-weight: 400 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-wrap: balance !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-modal__title {
margin-bottom: 16px !important;
font-size: clamp(1.9rem, 3.1vw, 2.35rem) !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
:is(.fancybox-button, .fancybox-close-small, .hp-modal__close) {
position: absolute !important;
top: 16px !important;
right: 16px !important;
display: inline-flex !important;
box-sizing: border-box !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: rgba(11, 21, 23, 0.78) !important;
border: 1px solid var(--marnamic-auth-border) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
box-shadow: none !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
:is(.fancybox-button, .fancybox-close-small, .hp-modal__close)
svg {
color: currentColor !important;
fill: currentColor !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
:is(.fancybox-button, .fancybox-close-small, .hp-modal__close):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary, #e7fd87) !important;
border-color: var(--marnamic-ui-primary, #e7fd87) !important;
} body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
.hp-form__fields {
gap: 10px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
:is(input[type="text"], input[type="email"], input[type="password"]) {
height: 50px !important;
min-height: 50px !important;
max-height: 50px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
.hp-form__field--password
.hp-field__icon {
top: 50% !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
.hp-form__field--checkbox {
min-height: 50px !important;
padding-block: 9px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
.hp-form__field--captcha {
min-height: 96px !important;
padding-block: 8px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
.hp-form__footer {
gap: 10px !important;
margin-top: 16px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
:is(.hp-form__button, button[type="submit"]) {
height: 50px !important;
min-height: 50px !important;
max-height: 50px !important;
} body.wp-child-theme-marnamic.hp-template--user-login-page
.site-content {
display: flex !important;
box-sizing: border-box !important;
min-height: calc(100vh - var(--marnamic-header-height, 84px)) !important;
min-height: calc(100dvh - var(--marnamic-header-height, 84px)) !important;
align-items: center !important;
padding-block: clamp(32px, 5vw, 60px) !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.site-content
> .container {
display: flex !important;
width: min(calc(100% - 32px), 1180px) !important;
max-width: 1180px !important;
align-items: center !important;
margin-inline: auto !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
:is(.hp-page, .hp-page > .hp-row) {
display: flex !important;
width: 100% !important;
max-width: none !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.hp-page__content {
display: flex !important;
box-sizing: border-box !important;
width: min(100%, var(--marnamic-auth-panel-width)) !important;
max-width: var(--marnamic-auth-panel-width) !important;
flex: 0 1 var(--marnamic-auth-panel-width) !important;
flex-direction: column !important;
margin: 0 auto !important;
padding: 36px 48px 38px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: var(--marnamic-auth-panel-bg) !important;
background-image: none !important;
border: 1px solid var(--marnamic-auth-border) !important;
border-radius: 14px !important;
box-shadow: var(--marnamic-auth-shadow) !important;
text-align: center !important;
-webkit-backdrop-filter: blur(10px) saturate(112%) !important;
backdrop-filter: blur(10px) saturate(112%) !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.hp-page__content::before {
display: block !important;
width: 64px !important;
height: 64px !important;
flex: 0 0 64px !important;
margin: 0 auto 16px !important;
background: url(//matching.marnamic.com/wp-content/themes/marnamic/images/Logo-creme-512.png) center / contain no-repeat !important;
content: "" !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__intro {
width: 100% !important;
margin: 0 0 26px !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__kicker {
display: inline-flex !important;
box-sizing: border-box !important;
min-height: 30px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 0 12px !important;
padding: 6px 12px !important;
color: var(--marnamic-ui-primary, #e7fd87) !important;
background: rgba(231, 253, 135, 0.08) !important;
border: 1px solid rgba(231, 253, 135, 0.34) !important;
border-radius: 999px !important;
font-size: 0.76rem !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__intro
h1 {
max-width: 18ch !important;
margin: 0 auto 10px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: clamp(2rem, 3.6vw, 2.7rem) !important;
font-weight: 400 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-wrap: balance !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__intro
p {
max-width: 48ch !important;
margin: 0 auto !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
font-size: 0.96rem !important;
font-weight: 500 !important;
line-height: 1.55 !important;
text-align: center !important;
} body.wp-child-theme-marnamic.hp-template--user-password-reset-page .site-content {
display: flex !important;
box-sizing: border-box !important;
min-height: calc(100vh - var(--marnamic-header-height, 84px)) !important;
min-height: calc(100dvh - var(--marnamic-header-height, 84px)) !important;
align-items: center !important;
padding-block: clamp(32px, 5vw, 60px) !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .site-content > .container {
display: flex !important;
width: min(calc(100% - 32px), 1180px) !important;
max-width: 1180px !important;
align-items: center !important;
margin-inline: auto !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page :is(.hp-page, .hp-page > .hp-row) {
display: flex !important;
width: 100% !important;
max-width: none !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-page__content {
display: flex !important;
box-sizing: border-box !important;
width: min(100%, var(--marnamic-auth-panel-width)) !important;
max-width: var(--marnamic-auth-panel-width) !important;
flex: 0 1 var(--marnamic-auth-panel-width) !important;
flex-direction: column !important;
margin: 0 auto !important;
padding: 36px 48px 38px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: var(--marnamic-auth-panel-bg) !important;
border: 1px solid var(--marnamic-auth-border) !important;
border-radius: 14px !important;
box-shadow: var(--marnamic-auth-shadow) !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-page__content::before {
display: block !important;
width: 64px !important;
height: 64px !important;
flex: 0 0 64px !important;
margin: 0 auto 16px !important;
background: url(//matching.marnamic.com/wp-content/themes/marnamic/images/Logo-creme-512.png) center / contain no-repeat !important;
content: "" !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .marnamic-auth-page__intro {
width: 100% !important;
margin: 0 0 22px !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .marnamic-auth-page__kicker {
display: inline-flex !important;
min-height: 30px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 0 12px !important;
padding: 6px 12px !important;
color: var(--marnamic-ui-primary, #e7fd87) !important;
background: rgba(231, 253, 135, 0.08) !important;
border: 1px solid rgba(231, 253, 135, 0.34) !important;
border-radius: 999px !important;
font-size: 0.76rem !important;
font-weight: 800 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .marnamic-auth-page__intro h1 {
max-width: 22ch !important;
margin: 0 auto 10px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
font-size: clamp(1.9rem, 3.6vw, 2.5rem) !important;
font-weight: 400 !important;
line-height: 1.1 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .marnamic-auth-page__intro p {
max-width: 48ch !important;
margin: 0 auto !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
font-size: 0.96rem !important;
line-height: 1.55 !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-form--user-password-reset {
display: grid !important;
width: min(100%, var(--marnamic-auth-form-width)) !important;
max-width: var(--marnamic-auth-form-width) !important;
gap: 14px !important;
margin: 0 auto !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-form--user-password-reset .hp-form__description {
margin: 0 0 4px !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
line-height: 1.55 !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-form--user-password-reset :is(.hp-form__field, .hp-form__footer) {
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-form--user-password-reset :is(input[type="password"], button[type="submit"]) {
box-sizing: border-box !important;
width: 100% !important;
min-height: 52px !important;
border-radius: 7px !important;
}
@media (max-width: 640px) {
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-page__content {
padding: 28px 18px 26px !important;
}
} body.wp-child-theme-marnamic.hp-template--user-login-page
.hp-menu__item--user-login {
display: none !important;
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
.fancybox-stage:has(
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
) {
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
.fancybox-slide--html:has(
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
) {
width: 100% !important;
min-height: 100% !important;
align-items: center !important;
overscroll-behavior: contain !important;
}
}
@media (max-width: 640px) {
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
.fancybox-slide--html:has(
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
) {
padding: 12px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal) {
width: 100% !important;
max-width: 100% !important;
margin: auto !important;
padding: 28px 18px 26px !important;
border-radius: 12px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal {
padding-top: 22px !important;
padding-bottom: 24px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)::before {
width: 54px !important;
height: 54px !important;
margin-bottom: 12px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal::before {
width: 46px !important;
height: 46px !important;
margin-bottom: 8px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
.hp-modal__title {
max-width: calc(100% - 52px) !important;
margin-bottom: 20px !important;
font-size: clamp(1.8rem, 9vw, 2.25rem) !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-modal__title {
margin-bottom: 14px !important;
font-size: clamp(1.7rem, 8.5vw, 2.1rem) !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
:is(.fancybox-button, .fancybox-close-small, .hp-modal__close) {
top: 12px !important;
right: 12px !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__fields {
gap: 12px !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"]
),
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
.hp-form__button,
.hp-form__footer > button,
.hp-form__footer > .button,
button[type="submit"],
input[type="submit"]
) {
height: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register
)
.hp-form__field--password
.hp-field__icon {
top: 50% !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--captcha {
min-height: 88px !important;
padding: 5px 0 !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.g-recaptcha {
transform: scale(0.86) !important;
transform-origin: center !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.site-content {
align-items: flex-start !important;
padding-block: 24px 40px !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.site-content
> .container {
width: min(calc(100% - 24px), var(--marnamic-auth-panel-width)) !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.hp-page__content {
padding: 28px 18px 30px !important;
border-radius: 12px !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.hp-page__content::before {
width: 54px !important;
height: 54px !important;
flex-basis: 54px !important;
margin-bottom: 12px !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__intro {
margin-bottom: 22px !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__intro
h1 {
max-width: 15ch !important;
font-size: clamp(1.8rem, 9vw, 2.25rem) !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__intro
p {
max-width: 36ch !important;
font-size: 0.92rem !important;
}
}body.wp-child-theme-marnamic {
--marnamic-layout-max: 1800px;
--marnamic-layout-width: min(82%, var(--marnamic-layout-max));
--marnamic-mobile-gutter: 16px;
--marnamic-mobile-shell-width: calc(100% - 32px);
--marnamic-reading-max: 900px;
--marnamic-grid-columns: 12;
--marnamic-grid-gap: clamp(18px, 1.35vw, 28px);
--marnamic-section-gap: clamp(48px, 5vw, 88px);
--marnamic-section-gap-sm: clamp(28px, 3vw, 48px);
} body.wp-child-theme-marnamic :is(
.site-content > .container,
.site-footer > .container,
.site-footer .container,
#main-content > .container
) {
box-sizing: border-box !important;
width: var(--marnamic-layout-width) !important;
max-width: none !important;
margin-right: auto !important;
margin-left: auto !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic :is(.content-area, .hp-page, .page__text) {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
} body.wp-child-theme-marnamic :is(.hp-page__header, .marnamic-layout-grid) {
display: grid !important;
grid-template-columns: repeat(var(--marnamic-grid-columns), minmax(0, 1fr)) !important;
column-gap: var(--marnamic-grid-gap) !important;
}
body.wp-child-theme-marnamic .hp-page__header > * {
min-width: 0 !important;
grid-column: 1 / -1;
} body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results) .hp-page__header > :is(
.hp-form--vendor-search,
.hp-form--listing-search,
.marnamic-vendor-discovery__clusters
) {
width: 100% !important;
max-width: none !important;
grid-column: 2 / -2;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header > :is(
.hp-form--vendor-search,
.hp-form--listing-search
) {
grid-column: 1 / -1;
} body.home.wp-child-theme-marnamic .page__text {
display: grid !important;
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
column-gap: var(--marnamic-grid-gap) !important;
}
body.home.wp-child-theme-marnamic .page__text > * {
min-width: 0 !important;
grid-column: 1 / -1;
}
body.home.wp-child-theme-marnamic :is(
.marnamic-map-hotfix__filters,
.marnamic-home-vendor-map .map-controls
) {
display: none !important;
}
body.home.wp-child-theme-marnamic .page__text > :is(h2, .content-title) {
margin-top: var(--marnamic-section-gap) !important;
margin-bottom: var(--marnamic-section-gap-sm) !important;
}
body.home.wp-child-theme-marnamic :is(.hp-listing-categories, .hp-listings) {
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.home.wp-child-theme-marnamic .hp-listing-categories > .hp-row,
body.home.wp-child-theme-marnamic .hp-listings > .hp-row {
display: grid !important;
width: 100% !important;
margin: 0 !important;
gap: var(--marnamic-grid-gap) !important;
align-items: stretch !important;
}
body.home.wp-child-theme-marnamic :is(.hp-listing-categories, .hp-listings) > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]) {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.home.wp-child-theme-marnamic .hp-listing-category--view-block {
width: 100% !important;
min-height: 0 !important;
aspect-ratio: 16 / 10 !important;
} body.wp-child-theme-marnamic:is(
.hp-template--listings-view-page,
.hp-template--listing-view-page,
.hp-template--vendor-view-page
) .hp-page > .hp-row {
display: grid !important;
width: 100% !important;
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
gap: var(--marnamic-grid-gap) !important;
align-items: start !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page > .hp-row > .hp-page__sidebar,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-page > .hp-row > .hp-page__sidebar {
grid-column: span 4;
}
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page > .hp-row > .hp-page__content,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-page > .hp-row > .hp-page__content {
grid-column: span 8;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-page > .hp-row > .hp-page__content {
grid-column: span 8;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-page > .hp-row > .hp-page__sidebar {
grid-column: span 4;
}
body.wp-child-theme-marnamic:is(
.hp-template--listings-view-page,
.hp-template--listing-view-page,
.hp-template--vendor-view-page
) .hp-page > .hp-row > :is(.hp-page__content, .hp-page__sidebar) {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
} body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings, .hp-listing-categories) > .hp-row {
display: grid !important;
width: 100% !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
gap: var(--marnamic-grid-gap) !important;
align-items: stretch !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings, .hp-listing-categories) > .hp-row:has(> .hp-col-sm-12) {
grid-template-columns: minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings, .hp-listing-categories) > .hp-row:has(> .hp-col-sm-6) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings, .hp-listing-categories) > .hp-row:has(> .hp-col-sm-4) {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings, .hp-listing-categories) > .hp-row:has(> .hp-col-sm-3) {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings, .hp-listing-categories) > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]) {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
} body.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr)) !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card {
height: 100% !important;
min-height: 400px !important;
max-height: none !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image {
height: 150px !important;
min-height: 150px !important;
max-height: 150px !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__content {
min-height: 0 !important;
flex: 1 1 auto !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic .marnamic-card__tags > :nth-child(n + 3) {
display: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
display: grid !important;
width: 100% !important;
grid-template-columns: 1fr !important;
gap: var(--marnamic-grid-gap) !important;
align-items: start !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > :is(.hp-page__content, .hp-page__sidebar) {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive {
width: 100% !important;
height: clamp(360px, 62vw, 520px) !important;
min-height: 360px !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive > [id^="marnamic-hotfix-map-"] {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
} @media (min-width: 1180px) {
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: var(--marnamic-grid-gap) !important;
align-items: start !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content,
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: auto !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__content :is(.hp-vendors, .hp-listings) > .hp-row {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
gap: clamp(16px, 1.1vw, 22px) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
position: sticky !important;
top: var(--marnamic-archive-sticky-offset, 116px) !important;
height: clamp(420px, calc(100dvh - var(--marnamic-archive-sticky-offset, 116px) - 32px), 680px) !important;
max-height: 680px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive {
width: 100% !important;
height: clamp(420px, calc(100dvh - var(--marnamic-archive-sticky-offset, 116px) - 32px), 680px) !important;
min-height: 420px !important;
max-height: 680px !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive > [id^="marnamic-hotfix-map-"] {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
max-height: none !important;
}
}
@media (min-width: 1536px) {
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) !important;
}
} body.blog.wp-child-theme-marnamic .site-content > .container > .row {
display: grid !important;
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
gap: var(--marnamic-grid-gap) !important;
margin: 0 !important;
}
body.blog.wp-child-theme-marnamic .site-content > .container > .row > main {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: span 8;
margin: 0 !important;
padding: 0 !important;
}
body.blog.wp-child-theme-marnamic .posts {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: var(--marnamic-grid-gap) !important;
width: 100% !important;
}
body.blog.wp-child-theme-marnamic .posts > .post {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
} body.single-post.wp-child-theme-marnamic .site-content main,
body.single-post.wp-child-theme-marnamic .post--single .post__text {
width: 100% !important;
max-width: var(--marnamic-reading-max) !important;
margin-right: auto !important;
margin-left: auto !important;
} body.wp-child-theme-marnamic .glossary-index-page {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic .glossary-index-page > :is(p, ul) {
max-width: var(--marnamic-reading-max) !important;
}
body.wp-child-theme-marnamic .glossary-index-page .index-item-preview ul {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
gap: clamp(10px, 1vw, 16px) !important;
} body.wp-child-theme-marnamic.single-glossary #content.site-content > .container,
body.wp-child-theme-marnamic.single-glossary .site-content #main-content > .container {
width: min(100%, 1120px) !important;
max-width: calc(100vw - 32px) !important;
}
body.wp-child-theme-marnamic.single-glossary article.glossary {
width: 100% !important;
max-width: 1120px !important;
} body.wp-child-theme-marnamic.tax-glossary-cat .site-content #main-content > .container {
width: min(100%, 1120px) !important;
max-width: calc(100vw - 32px) !important;
}
body.wp-child-theme-marnamic.tax-glossary-cat article.glossary {
width: 100% !important;
max-width: 1120px !important;
}
@media (max-width: 1179px) {
body.wp-child-theme-marnamic {
--marnamic-layout-width: min(92%, var(--marnamic-layout-max));
}
body.wp-child-theme-marnamic:is(
.hp-template--listings-view-page,
.hp-template--listing-view-page,
.hp-template--vendor-view-page,
.marnamic-archive-search-results
) .hp-page > .hp-row {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--listings-view-page,
.hp-template--listing-view-page,
.hp-template--vendor-view-page,
.marnamic-archive-search-results
) .hp-page > .hp-row > :is(.hp-page__content, .hp-page__sidebar) {
width: 100% !important;
grid-column: 1 !important;
}
}
@media (max-width: 760px) {
body.wp-child-theme-marnamic {
--marnamic-layout-width: var(--marnamic-mobile-shell-width);
--marnamic-grid-gap: 16px;
--marnamic-section-gap: 48px;
--marnamic-section-gap-sm: 24px;
}
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results) .hp-page__header > :is(
.hp-form--vendor-search,
.hp-form--listing-search,
.marnamic-vendor-discovery__clusters
) {
grid-column: 1 / -1;
}
body.home.wp-child-theme-marnamic .hp-listing-categories > .hp-row,
body.home.wp-child-theme-marnamic .hp-listings > .hp-row,
body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings) > .hp-row,
body.blog.wp-child-theme-marnamic .posts {
grid-template-columns: 1fr !important;
}
body.home.wp-child-theme-marnamic .hp-listing-category--view-block {
aspect-ratio: 16 / 9 !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--listings-view-page,
.hp-template--listing-view-page,
.hp-template--vendor-view-page
) .hp-page > .hp-row {
gap: 24px !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--listings-view-page,
.hp-template--listing-view-page,
.hp-template--vendor-view-page
) .hp-page > .hp-row > :is(.hp-page__content, .hp-page__sidebar) {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card {
height: auto !important;
min-height: 410px !important;
max-height: none !important;
}
body.wp-child-theme-marnamic .glossary-index-page .index-item {
grid-template-columns: 1fr !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results) :is(
.content-area,
.hp-page,
.hp-page > .hp-row
) {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results) .site-content > .container {
width: var(--marnamic-layout-width) !important;
max-width: none !important;
margin-right: auto !important;
margin-left: auto !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row > .hp-page__content {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
flex: 0 0 100% !important;
margin: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
} body.blog.wp-child-theme-marnamic .site-content > .container > .row > .site-sidebar {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
grid-column: span 4;
margin: 0 !important;
padding: 0 !important;
}
body.blog.wp-child-theme-marnamic .site-content > .container > .row > main {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
}
@media (max-width: 980px) {
body.blog.wp-child-theme-marnamic .site-content > .container > .row > :is(main, .site-sidebar) {
width: 100% !important;
max-width: 100% !important;
grid-column: 1 / -1;
}
}
@media (max-width: 1179px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 24px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
flex: none !important;
grid-column: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
position: static !important;
order: 1 !important;
height: auto !important;
max-height: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content {
order: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive > [id^="marnamic-hotfix-map-"] {
width: 100% !important;
height: clamp(420px, 46vw, 520px) !important;
min-height: 420px !important;
max-height: 520px !important;
}
}
@media (min-width: 1180px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: var(--marnamic-grid-gap) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
flex: none !important;
grid-column: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
position: sticky !important;
top: var(--marnamic-archive-sticky-offset, 116px) !important;
height: clamp(420px, calc(100dvh - var(--marnamic-archive-sticky-offset, 116px) - 32px), 680px) !important;
max-height: 680px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive > [id^="marnamic-hotfix-map-"] {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
max-height: none !important;
}
}
@media (min-width: 1536px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) !important;
}
} @media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) :is(
.hp-widget--vendor-filter,
.hp-widget--listing-filter
) > .hp-modal--mobile.hp-modal {
background: transparent !important;
border: 0 !important;
outline: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
margin: 0 !important;
width: 100% !important;
max-width: none !important;
}
} body.single-hp_listing.wp-child-theme-marnamic .hp-page__footer .hp-listings > .hp-row {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: var(--marnamic-grid-gap) !important;
align-items: stretch !important;
width: 100% !important;
margin: 0 !important;
}
body.single-hp_listing.wp-child-theme-marnamic .hp-page__footer .hp-listings > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]) {
display: flex !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-hp_listing.wp-child-theme-marnamic .hp-page__footer .hp-listing--view-block {
width: 100% !important;
min-width: 0 !important;
height: 100% !important;
}
@media (max-width: 980px) {
body.single-hp_listing.wp-child-theme-marnamic .hp-page__footer .hp-listings > .hp-row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
body.single-hp_listing.wp-child-theme-marnamic .hp-page__footer .hp-listings > .hp-row {
grid-template-columns: minmax(0, 1fr) !important;
}
}body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search > .marnamic-air-search__mobile-heading {
display: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic {
--marnamic-mobile-search-ink: var(--marnamic-search-ink, #132124);
--marnamic-mobile-search-page: var(--marnamic-search-page, #132124);
--marnamic-mobile-search-surface: var(--marnamic-search-surface, #c9c4b9);
--marnamic-mobile-search-active: var(--marnamic-search-active, #f6f2ea);
--marnamic-mobile-search-location: var(--marnamic-search-location, #6cb9c3);
--marnamic-mobile-search-accent: var(--marnamic-search-location, #6cb9c3);
--marnamic-mobile-search-bar-height: 76px;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open {
overflow: hidden !important;
overscroll-behavior: none !important;
touch-action: manipulation !important;
} body.wp-child-theme-marnamic.marnamic-air-search-mobile-open :is(.hp-page__content, .hp-page__sidebar, .site-footer) {
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .site-header {
z-index: 1 !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .hp-page__header {
z-index: 1 !important;
visibility: hidden !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > :is(.hp-form__fields, .hp-form__footer, .marnamic-air-search__mobile-heading, .marnamic-air-search__mobile-close, .marnamic-air-search__mobile-actions),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > :is(.hp-form__fields, .hp-form__footer, .marnamic-air-search__mobile-heading, .marnamic-air-search__mobile-close, .marnamic-air-search__mobile-actions) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch {
position: relative !important;
z-index: 1 !important;
display: grid !important;
width: 100% !important;
min-height: 56px !important;
grid-template-columns: minmax(0, 1fr) 44px !important;
align-items: center !important;
justify-content: stretch !important;
gap: 8px !important;
margin: 0 !important;
padding: 6px 6px 6px 20px !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-surface) !important;
border: 1px solid rgba(246, 242, 234, 0.18) !important;
border-radius: 999px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
font: inherit !important;
font-size: 1rem !important;
font-weight: 900 !important;
line-height: 1.15 !important;
text-align: left !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch > span {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
min-width: 0 !important;
padding-left: 0 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch > .hp-icon {
grid-column: 2 !important;
grid-row: 1 !important;
display: inline-flex !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
align-items: center !important;
justify-content: center !important;
justify-self: end !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-accent) !important;
border-radius: 50% !important;
font-size: 1.1rem !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-launch {
display: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open {
position: fixed !important;
top: var(--marnamic-mobile-viewport-top, 0px) !important;
right: 0 !important;
bottom: auto !important;
left: 0 !important;
z-index: 2147482000 !important;
display: block !important;
width: 100vw !important;
max-width: none !important;
height: var(--marnamic-mobile-viewport-height, 100dvh) !important;
min-height: 0 !important;
max-height: var(--marnamic-mobile-viewport-height, 100dvh) !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-page) !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
isolation: isolate !important;
pointer-events: auto !important;
touch-action: manipulation !important;
} body.wp-child-theme-marnamic.marnamic-air-search-mobile-open > .hp-form--vendor-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open > .hp-form--vendor-search.marnamic-air-search--mobile-open :is(button, input, label, [role="button"], [role="option"]) {
pointer-events: auto !important;
-webkit-tap-highlight-color: transparent !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open::before,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open::after,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .hp-form__fields::before,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .hp-form__fields::after,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card::before,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card::after,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__trigger::before,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__trigger::after,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content::before,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields {
position: absolute !important;
top: calc(56px + env(safe-area-inset-top)) !important;
right: 0 !important;
bottom: calc(var(--marnamic-mobile-search-bar-height) + env(safe-area-inset-bottom)) !important;
left: 0 !important;
z-index: 10 !important;
display: flex !important;
width: auto !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
flex-direction: column !important;
gap: 10px !important;
align-content: stretch !important;
align-items: stretch !important;
margin: 0 !important;
padding: 8px 14px 20px !important;
scroll-padding-bottom: 20px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
pointer-events: auto !important;
touch-action: manipulation !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card {
position: relative !important;
z-index: 1 !important;
flex: 0 0 auto !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-surface) !important;
border: 1px solid rgba(246, 242, 234, 0.16) !important;
border-radius: 22px !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active {
z-index: 2 !important;
overflow: hidden !important;
background: var(--marnamic-mobile-search-active) !important;
border-color: rgba(19, 33, 36, 0.12) !important;
border-radius: 24px !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__trigger {
position: relative !important;
z-index: 1 !important;
display: grid !important;
width: 100% !important;
min-height: 68px !important;
grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
gap: 16px !important;
align-items: center !important;
margin: 0 !important;
padding: 14px 18px !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
border-radius: inherit !important;
box-shadow: none !important;
font: inherit !important;
line-height: 1.25 !important;
text-align: left !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active > .marnamic-air-mobile-card__trigger {
min-height: 56px !important;
padding: 16px 18px 6px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__label {
min-width: 0 !important;
color: rgba(19, 33, 36, 0.66) !important;
font-size: 1rem !important;
font-weight: 650 !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__summary {
min-width: 0 !important;
overflow: hidden !important;
color: var(--marnamic-mobile-search-ink) !important;
font-size: 1rem !important;
font-weight: 720 !important;
line-height: 1.25 !important;
text-align: right !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active .marnamic-air-mobile-card__label {
color: var(--marnamic-mobile-search-ink) !important;
font-size: clamp(1.4rem, 6vw, 1.65rem) !important;
font-weight: 740 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active .marnamic-air-mobile-card__summary {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content {
position: relative !important;
z-index: 2 !important;
display: none !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 18px 18px !important;
overflow: hidden !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active > .marnamic-air-mobile-card__content {
display: block !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field.is-mobile-active {
position: relative !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field::before,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field::after,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field > :is(.marnamic-air-search__label, .marnamic-air-search__hint) {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content :is(button, [role="button"], label, input, .marnamic-air-search__option, .marnamic-purpose-option) {
pointer-events: auto !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content :is(button, [role="button"], label, .marnamic-air-search__option, .marnamic-purpose-option) {
min-height: 48px !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location {
position: relative !important;
z-index: 5 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
isolation: isolate !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__control {
position: relative !important;
z-index: 2 !important;
display: grid !important;
width: 100% !important;
min-width: 0 !important;
min-height: 56px !important;
grid-template-columns: minmax(0, 1fr) 46px !important;
gap: 4px !important;
align-items: center !important;
margin: 0 !important;
padding: 4px !important;
overflow: visible !important;
background: #fffaf3 !important;
border: 1px solid rgba(19, 33, 36, 0.22) !important;
border-radius: 15px !important;
box-shadow: none !important;
isolation: isolate !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source {
position: relative !important;
inset: auto !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: 48px !important;
min-height: 48px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
transform: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source > input[name="location"] {
position: relative !important;
inset: auto !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: 48px !important;
min-height: 48px !important;
margin: 0 !important;
padding: 10px 12px !important;
color: var(--marnamic-mobile-search-ink) !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
outline: 0 !important;
font: inherit !important;
font-size: 16px !important;
line-height: 1.25 !important;
opacity: 1 !important;
visibility: visible !important;
-webkit-appearance: none !important;
appearance: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source > input[name="location"]:focus {
background: rgba(108, 185, 195, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__legacy-popover {
position: absolute !important;
inset: 0 auto auto 0 !important;
z-index: -1 !important;
display: block !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
visibility: hidden !important;
border: 0 !important;
box-shadow: none !important;
pointer-events: none !important;
touch-action: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open :is(.marnamic-mobile-location__locate, .marnamic-mobile-location__control > .marnamic-mobile-location__clear) {
position: relative !important;
inset: auto !important;
z-index: 3 !important;
display: inline-flex !important;
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-location) !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__locate[hidden],
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__clear[hidden] {
display: none !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .hp-form__field--location > .marnamic-location-error {
position: relative !important;
z-index: 6 !important;
display: block !important;
width: 100% !important;
margin: 10px 0 0 !important;
padding: 10px 12px !important;
color: #132124 !important;
background: rgba(226, 255, 72, 0.24) !important;
border: 1px solid rgba(19, 33, 36, 0.16) !important;
border-radius: 12px !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options {
position: relative !important;
z-index: 1 !important;
display: none !important;
width: 100% !important;
min-width: 0 !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
border: 0 !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 0 !important;
box-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open:not(.marnamic-air-search--location-typing) .hp-form__field--location.is-open .marnamic-mobile-location__options {
display: block !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options :is(.marnamic-air-search__group, .marnamic-air-search__options) {
position: relative !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option {
position: relative !important;
display: grid !important;
width: 100% !important;
min-height: 56px !important;
grid-template-columns: 42px minmax(0, 1fr) auto !important;
gap: 12px !important;
align-items: center !important;
margin: 0 !important;
padding: 6px 4px !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option::before {
grid-column: 1 !important;
grid-row: 1 !important;
display: inline-grid !important;
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
place-items: center !important;
color: var(--marnamic-mobile-search-ink) !important;
background: rgba(108, 185, 195, 0.12) !important;
border-radius: 13px !important;
content: "\f3c5" !important;
font-family: "Font Awesome 5 Free";
font-size: 1.35rem !important;
font-weight: 700 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option-label {
grid-column: 2 !important;
grid-row: 1 !important;
min-width: 0 !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option-count {
grid-column: 3 !important;
grid-row: 1 !important;
justify-self: end !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option--nearby {
grid-template-columns: 42px minmax(0, 1fr) 42px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option--nearby::after {
grid-column: 3 !important;
grid-row: 1 !important;
justify-self: end !important;
margin: 0 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content :is(.hp-field--search, .marnamic-air-search__native-select, .marnamic-air-search__native-control) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field > .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field > .marnamic-air-search__popover--radius {
position: static !important;
inset: auto !important;
display: none !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
isolation: isolate !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field.is-open > .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field.is-open > .marnamic-air-search__popover--radius {
display: block !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field.is-open > .marnamic-air-search__popover--purpose {
display: flex !important;
flex-direction: column !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__filter-scroll {
max-height: none !important;
overflow: visible !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__filter-actions {
display: none !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open :is(.marnamic-air-search__option, .marnamic-purpose-option, .marnamic-air-search__filter-title) {
position: relative !important;
z-index: 1 !important;
width: 100% !important;
min-height: 56px !important;
pointer-events: auto !important;
touch-action: manipulation !important;
} body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card:is([data-mobile-step="purpose"], [data-mobile-step="category"]).is-active .marnamic-air-search__segment-clear {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-purpose-option {
display: grid !important;
width: 100% !important;
height: auto !important;
min-height: 56px !important;
grid-template-columns: 24px minmax(0, 1fr) auto !important;
gap: 12px !important;
align-items: start !important;
padding: 11px 10px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-purpose-option--with-icon {
grid-template-columns: 24px 24px minmax(0, 1fr) auto !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-purpose-option__box {
margin-top: 1px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-purpose-option__label {
min-width: 0 !important;
overflow: visible !important;
overflow-wrap: anywhere !important;
hyphens: auto !important;
text-overflow: clip !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-purpose-option__count {
align-self: start !important;
justify-self: end !important;
flex: 0 0 auto !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field {
display: block !important;
margin: 16px 0 0 !important;
padding: 16px 0 0 !important;
border: 0 !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-trigger {
display: grid !important;
width: 100% !important;
min-height: 52px !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
margin: 0 !important;
padding: 0 2px !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
text-align: left !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-body {
display: grid !important;
width: 100% !important;
min-height: 0 !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 8px !important;
align-items: center !important;
margin: 0 !important;
padding: 4px 2px 0 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-input {
appearance: none !important;
-webkit-appearance: none !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 !important;
writing-mode: horizontal-tb !important;
direction: ltr !important;
background: transparent !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
cursor: pointer !important;
pointer-events: auto !important;
touch-action: pan-x !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-input::-webkit-slider-runnable-track {
width: 100% !important;
height: 5px !important;
background: linear-gradient(to right, #61a5ac 0 var(--marnamic-radius-progress, 15.15%), rgba(19, 33, 36, 0.2) var(--marnamic-radius-progress, 15.15%) 100%) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-input::-webkit-slider-thumb {
appearance: none !important;
-webkit-appearance: none !important;
width: 26px !important;
height: 26px !important;
margin-top: -10.5px !important;
background: var(--marnamic-mobile-search-accent) !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 50% !important;
box-shadow: 0 2px 7px rgba(19, 33, 36, 0.16) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-input::-moz-range-track {
width: 100% !important;
height: 5px !important;
background: linear-gradient(to right, #61a5ac 0 var(--marnamic-radius-progress, 15.15%), rgba(19, 33, 36, 0.2) var(--marnamic-radius-progress, 15.15%) 100%) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-input::-moz-range-thumb {
width: 26px !important;
height: 26px !important;
background: var(--marnamic-mobile-search-accent) !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 50% !important;
box-shadow: 0 2px 7px rgba(19, 33, 36, 0.16) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-scale {
display: flex !important;
min-width: 0 !important;
flex-direction: row-reverse !important;
justify-content: space-between !important;
padding: 0 !important;
color: rgba(19, 33, 36, 0.66) !important;
font-size: 0.8rem !important;
font-weight: 700 !important;
line-height: 1 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-heading {
position: absolute !important;
top: calc(6px + env(safe-area-inset-top)) !important;
right: 72px !important;
left: 18px !important;
z-index: 20 !important;
display: flex !important;
height: 44px !important;
align-items: center !important;
margin: 0 !important;
color: var(--marnamic-mobile-search-active) !important;
font-size: 1rem !important;
font-weight: 720 !important;
line-height: 1.2 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-close {
position: absolute !important;
top: calc(6px + env(safe-area-inset-top)) !important;
right: 14px !important;
bottom: auto !important;
left: auto !important;
z-index: 2147483646 !important;
display: inline-flex !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-active) !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 50% !important;
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22) !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-actions {
position: absolute !important;
top: auto !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 2147483645 !important;
display: grid !important;
width: 100% !important;
min-height: calc(var(--marnamic-mobile-search-bar-height) + env(safe-area-inset-bottom)) !important;
grid-template-columns: minmax(0, 1fr) minmax(144px, 0.9fr) !important;
gap: 16px !important;
align-items: center !important;
margin: 0 !important;
padding: 8px 16px calc(8px + env(safe-area-inset-bottom)) !important;
background: rgba(19, 33, 36, 0.98) !important;
border: 0 !important;
border-top: 1px solid rgba(246, 242, 234, 0.16) !important;
border-radius: 0 !important;
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.2) !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
isolation: isolate !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open :is(.marnamic-air-search__mobile-reset, .marnamic-air-search__mobile-primary) {
position: relative !important;
z-index: 1 !important;
min-height: 50px !important;
margin: 0 !important;
padding: 10px 16px !important;
border-radius: 15px !important;
box-shadow: none !important;
font: inherit !important;
font-size: 1rem !important;
font-weight: 740 !important;
line-height: 1.1 !important;
text-indent: 0 !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__mobile-reset {
justify-self: start !important;
color: var(--marnamic-mobile-search-active) !important;
background: transparent !important;
border: 0 !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__mobile-primary {
width: 100% !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-accent) !important;
border: 1px solid var(--marnamic-mobile-search-accent) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .marnamic-air-search__chips {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container {
position: fixed !important;
z-index: 2147483600 !important;
margin: 0 !important;
padding: 6px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-active) !important;
border: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 18px !important;
box-shadow: 0 16px 42px rgba(0, 0, 0, 0.24) !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item {
position: relative !important;
z-index: 1 !important;
display: flex !important;
min-height: 58px !important;
align-items: center !important;
margin: 0 !important;
padding: 10px 12px !important;
overflow: hidden !important;
color: var(--marnamic-mobile-search-ink) !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
font-size: 15px !important;
line-height: 1.3 !important;
white-space: normal !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item + .pac-item {
border-top: 1px solid rgba(19, 33, 36, 0.1) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item:is(:active, .pac-item-selected) {
background: rgba(108, 185, 195, 0.18) !important;
} body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__control:focus-within,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open.marnamic-air-search--location-typing .marnamic-mobile-location__control {
background: #fff !important;
border-color: rgba(19, 33, 36, 0.78) !important;
box-shadow: 0 0 0 1px rgba(19, 33, 36, 0.12) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open[data-marnamic-region-label]:not([data-marnamic-region-label=""]) .marnamic-mobile-location__source > input[name="location"]::placeholder {
color: var(--marnamic-mobile-search-ink) !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open.marnamic-air-search--location-typing .marnamic-air-mobile-card[data-mobile-step="location"] .marnamic-mobile-location__options,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open.marnamic-air-search--location-typing .marnamic-air-mobile-card[data-mobile-step="location"] .marnamic-air-search__radius-field {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option:is(:hover, :focus-visible, :active),
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__popover .marnamic-air-search__option:is(:hover, :focus-visible, :active) {
background: rgba(108, 185, 195, 0.14) !important;
border-radius: 14px !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open[data-marnamic-region-label="DACH"] .marnamic-mobile-location__options [data-marnamic-option-value="dach"],
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open[data-marnamic-region-label="Deutschland"] .marnamic-mobile-location__options [data-marnamic-option-value="de"],
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open[data-marnamic-region-label="Österreich"] .marnamic-mobile-location__options [data-marnamic-option-value="at"],
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open[data-marnamic-region-label="Schweiz"] .marnamic-mobile-location__options [data-marnamic-option-value="ch"] {
background: rgba(108, 185, 195, 0.22) !important;
border-radius: 14px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__option-count,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-purpose-option__count {
display: inline-flex !important;
min-width: 34px !important;
min-height: 34px !important;
align-items: center !important;
justify-content: center !important;
padding: 5px 9px !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-accent) !important;
border-radius: 999px !important;
font-size: 0.78rem !important;
font-weight: 750 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-purpose-option {
align-items: center !important;
border-radius: 14px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-purpose-option.is-checked {
background: rgba(108, 185, 195, 0.22) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-purpose-option:is(:hover, :focus-within, :active) {
background: rgba(108, 185, 195, 0.14) !important;
} body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"] {
position: relative !important;
display: grid !important;
width: 100% !important;
min-height: 58px !important;
grid-template-columns: 24px minmax(0, 1fr) auto !important;
gap: 12px !important;
align-items: center !important;
margin: 0 !important;
padding: 10px !important;
color: var(--marnamic-mobile-search-ink) !important;
background: transparent !important;
border: 0 !important;
border-radius: 14px !important;
box-shadow: none !important;
text-align: left !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"]::before {
grid-column: 1 !important;
grid-row: 1 !important;
display: block !important;
width: 24px !important;
height: 24px !important;
background: #fffaf3 !important;
border: 2px solid rgba(19, 33, 36, 0.48) !important;
border-radius: 7px !important;
content: "" !important;
box-sizing: border-box !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"]::after {
position: absolute !important;
top: 50% !important;
left: 22px !important;
display: block !important;
color: #fffaf3 !important;
content: "\f00c" !important;
font-family: "Font Awesome 5 Free";
font-size: 0.9rem !important;
font-weight: 800 !important;
line-height: 1 !important;
opacity: 0 !important;
transform: translate(-50%, -50%) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"] > .marnamic-air-search__option-label {
grid-column: 2 !important;
grid-row: 1 !important;
min-width: 0 !important;
overflow-wrap: anywhere !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"] > .marnamic-air-search__option-count {
grid-column: 3 !important;
grid-row: 1 !important;
justify-self: end !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"]:is(:hover, :focus-visible, :active) {
background: rgba(108, 185, 195, 0.14) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"].is-selected {
background: rgba(108, 185, 195, 0.22) !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.12) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"].is-selected::before {
background: var(--marnamic-mobile-search-location) !important;
border-color: var(--marnamic-mobile-search-location) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"].is-selected::after {
opacity: 1 !important;
} body.wp-child-theme-marnamic.marnamic-air-search-keyboard-open .hp-form--vendor-search.marnamic-air-search--mobile-open > .hp-form__fields {
bottom: 0 !important;
padding-bottom: 12px !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-keyboard-open .hp-form--vendor-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-actions {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-keyboard-open .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card:not(.is-active) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-keyboard-open .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="location"] .marnamic-air-search__radius-field {
display: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-keyboard-open .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active {
box-shadow: none !important;
}
}
@media (max-width: 420px) {
body.wp-child-theme-marnamic {
--marnamic-mobile-search-bar-height: 74px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields {
padding-right: 12px !important;
padding-left: 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__trigger {
padding-right: 18px !important;
padding-left: 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content {
padding-right: 18px !important;
padding-left: 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-actions {
grid-template-columns: minmax(0, 0.85fr) minmax(138px, 1fr) !important;
gap: 10px !important;
padding-right: 12px !important;
padding-left: 12px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode .marnamic-air-search__radius-field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field.is-disabled,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field[hidden],
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field.is-disabled,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field[hidden],
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open.marnamic-air-search--region-mode .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card[data-mobile-step="location"].is-active
.marnamic-air-search__radius-field.is-mobile-inline-radius {
position: relative !important;
z-index: 8 !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
isolation: isolate !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card[data-mobile-step="location"].is-active
.marnamic-air-search__radius-field.is-mobile-inline-radius
> .marnamic-air-search__popover--radius {
position: relative !important;
inset: auto !important;
z-index: 9 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
transform: none !important;
pointer-events: auto !important;
touch-action: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__radius-field.is-mobile-inline-radius
:is(.marnamic-air-search__radius, .marnamic-air-search__radius-body) {
position: relative !important;
z-index: 10 !important;
display: grid !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
pointer-events: auto !important;
touch-action: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__radius-field.is-mobile-inline-radius
.marnamic-air-search__radius-body {
grid-template-columns: minmax(0, 1fr) !important;
gap: 4px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__radius-field.is-mobile-inline-radius
.marnamic-air-search__radius-input {
-webkit-appearance: none !important;
appearance: none !important;
position: relative !important;
z-index: 20 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
margin: 0 !important;
padding: 0 !important;
writing-mode: horizontal-tb !important;
direction: ltr !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: none !important;
-webkit-user-select: none !important;
user-select: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__radius-field.is-mobile-inline-radius
.marnamic-air-search__radius-input::-webkit-slider-thumb {
width: 30px !important;
height: 30px !important;
margin-top: -12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__radius-field.is-mobile-inline-radius
.marnamic-air-search__radius-scale {
position: relative !important;
z-index: 11 !important;
display: flex !important;
width: 100% !important;
height: auto !important;
min-height: 16px !important;
max-height: none !important;
pointer-events: none !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-segment-empty > .marnamic-air-search__hint,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:not(.has-segment-value) > .marnamic-air-search__hint {
color: rgba(19, 33, 36, 0.58) !important;
font-size: 0.96rem !important;
font-weight: 650 !important;
line-height: 1.1 !important;
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:not(.marnamic-air-search-keyboard-open)
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
> .hp-form__fields {
bottom: calc(
var(--marnamic-mobile-search-bar-height) +
env(safe-area-inset-bottom) +
var(--marnamic-mobile-cookie-clearance, 0px)
) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:not(.marnamic-air-search-keyboard-open)
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
> .marnamic-air-search__mobile-actions {
bottom: var(--marnamic-mobile-cookie-clearance, 0px) !important;
}
}body.wp-child-theme-marnamic {
--marnamic-search-control-radius: 999px;
--marnamic-search-control-height: 48px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-air-search__popover, .marnamic-air-search__filter-scroll) {
scrollbar-width: thin !important;
scrollbar-color: rgba(19, 33, 36, 0.22) transparent !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-air-search__popover, .marnamic-air-search__filter-scroll)::-webkit-scrollbar {
width: 6px !important;
height: 6px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-air-search__popover, .marnamic-air-search__filter-scroll)::-webkit-scrollbar-track {
background: transparent !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-air-search__popover, .marnamic-air-search__filter-scroll)::-webkit-scrollbar-thumb {
background: rgba(19, 33, 36, 0.22) !important;
border: 2px solid #f7f3eb !important;
border-radius: 999px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__filter-actions {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 !important;
padding: 14px !important;
border-top: 1px solid rgba(19, 33, 36, 0.13) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-air-search__filter-reset, .marnamic-air-search__filter-apply) {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
height: var(--marnamic-search-control-height) !important;
min-height: var(--marnamic-search-control-height) !important;
max-height: var(--marnamic-search-control-height) !important;
margin: 0 !important;
padding: 0 20px !important;
border-radius: var(--marnamic-search-control-radius) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.95rem !important;
font-weight: 800 !important;
line-height: 1 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__filter-reset {
color: rgba(19, 33, 36, 0.76) !important;
background: transparent !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__filter-apply {
color: #132124 !important;
background: var(--marnamic-search-location, #6cb9c3) !important;
border: 1px solid var(--marnamic-search-location, #6cb9c3) !important;
box-shadow: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(
.marnamic-air-search__filter-title-count,
.marnamic-air-search__option-count,
.marnamic-air-search__check-count,
.marnamic-purpose-option__count
) {
color: #132124 !important;
background: var(--marnamic-search-location, #6cb9c3) !important;
border-color: var(--marnamic-search-location, #6cb9c3) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__filter-apply:is(:hover, :focus-visible) {
color: #132124 !important;
background: #78b8be !important;
border-color: #78b8be !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__option:is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__check:is(:hover, :focus-within) {
color: #132124 !important;
background: rgba(108, 185, 195, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__check.is-checked {
color: #132124 !important;
background: rgba(108, 185, 195, 0.28) !important;
border-color: rgba(5, 113, 124, 0.34) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__check
input[type="checkbox"] {
accent-color: var(--marnamic-search-location, #6cb9c3) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__check
input[type="checkbox"]:checked
+ .marnamic-air-search__check-box {
background: #05717c !important;
border-color: #05717c !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__check
input[type="checkbox"]:checked
+ .marnamic-air-search__check-box::before {
color: #f6f2ea !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__check.is-checked
.marnamic-air-search__check-count,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-purpose-option, .marnamic-role-option):is(.is-checked, :has(input:checked))
.marnamic-purpose-option__count {
color: #f6f2ea !important;
background: #05717c !important;
border-color: #05717c !important;
}  body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__popover--location-start
.marnamic-air-search__option {
grid-template-columns: minmax(0, 1fr) auto !important;
min-height: 58px !important;
gap: 12px !important;
padding: 10px 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__popover--location-start
.marnamic-air-search__option::before {
content: none !important;
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-mobile-location__options
.marnamic-air-search__option {
grid-template-columns: minmax(0, 1fr) auto !important;
padding-inline: 12px !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-mobile-location__options
.marnamic-air-search__option-label {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-mobile-location__options
.marnamic-air-search__option-count {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: end !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-mobile-location__options
.marnamic-air-search__option--nearby {
grid-template-columns: minmax(0, 1fr) 46px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-mobile-location__options
.marnamic-air-search__option--nearby::after {
grid-column: 2 !important;
grid-row: 1 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-mobile-location__legacy-popover {
position: absolute !important;
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-mobile-location__options
.marnamic-air-search__option::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__option[data-marnamic-option-type="region"]::before {
content: none !important;
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__popover--location-start
.marnamic-air-search__option-label {
min-width: 0 !important;
overflow-wrap: anywhere !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search--mobile-open
.marnamic-air-search__filter-actions {
padding: 14px 0 0 !important;
}
} @media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.hp-form__field--category, .marnamic-air-search__field--category):is(.is-open, :focus-within) {
box-sizing: border-box !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
flex: 1 1 0 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.hp-form__field--category, .marnamic-air-search__field--category):is(.is-open, :focus-within)
> .marnamic-air-search__popover--roles {
right: auto !important;
left: 0 !important;
width: 100% !important;
min-width: 0 !important;
max-width: min(100%, calc(100vw - 32px)) !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__popover--roles {
width: 100% !important;
min-width: 0 !important;
max-width: min(100%, calc(100vw - 32px)) !important;
max-height: min(640px, calc(100dvh - 150px)) !important;
grid-template-rows: minmax(0, 1fr) auto !important;
gap: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-groups {
display: grid !important;
min-height: 0 !important;
grid-auto-rows: max-content !important;
gap: 10px !important;
align-content: start !important;
padding: 14px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group {
display: grid !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
grid-template-rows: auto !important;
align-content: start !important;
overflow: hidden !important;
background: rgba(255, 255, 255, 0.46) !important;
border: 1px solid rgba(19, 33, 36, 0.13) !important;
border-radius: 17px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--root-leaf {
display: grid !important;
width: 100% !important;
min-width: 0 !important;
min-height: 58px !important;
grid-template-columns: 22px minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 12px !important;
margin: 0 !important;
padding: 10px 14px !important;
color: #132124 !important;
background: rgba(255, 255, 255, 0.46) !important;
border: 1px solid var(--marnamic-border-color, rgba(19, 33, 36, 0.13)) !important;
border-radius: 17px !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--root-leaf
.marnamic-purpose-option__label {
font-weight: 780 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--root-leaf
.marnamic-purpose-option__count {
min-width: 2ch !important;
margin-left: auto !important;
text-align: end !important;
font-variant-numeric: tabular-nums !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--root-leaf:is(:hover, :has(input:focus-visible)) {
background: var(--marnamic-control-hover-background, rgba(108, 185, 195, 0.14)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--root-leaf:is(.is-checked, :has(input:checked)) {
color: var(--marnamic-accent-color, #132124) !important;
background: var(--marnamic-control-active-background, rgba(108, 185, 195, 0.22)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group__header {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 48px !important;
min-width: 0 !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option {
width: 100% !important;
min-width: 0 !important;
min-height: 52px !important;
margin: 0 !important;
padding: 10px 12px !important;
border-radius: 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--group {
grid-template-columns: 22px minmax(0, 1fr) auto !important;
min-height: 58px !important;
padding-left: 14px !important;
border-radius: 16px 0 0 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--group
.marnamic-purpose-option__label {
font-weight: 780 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group__toggle {
position: relative !important;
display: grid !important;
width: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
place-items: center !important;
align-self: stretch !important;
margin: 0 !important;
padding: 0 !important;
color: #132124 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 16px 16px 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group__toggle
> span {
display: block !important;
width: 10px !important;
height: 10px !important;
border-right: 2px solid currentColor !important;
border-bottom: 2px solid currentColor !important;
transform: translateY(-2px) rotate(45deg) !important;
transition: transform 160ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group.is-open
.marnamic-role-group__toggle
> span {
transform: translateY(2px) rotate(225deg) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-role-option, .marnamic-role-group__toggle):is(:hover, :focus-visible, :focus-within) {
background: rgba(108, 185, 195, 0.14) !important;
outline: 3px solid rgba(108, 185, 195, 0.34) !important;
outline-offset: -3px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option.is-checked {
background: rgba(108, 185, 195, 0.22) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group__children {
display: grid !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
gap: 4px !important;
padding: 6px 10px 12px 28px !important;
overflow: visible !important;
visibility: visible !important;
opacity: 1 !important;
background: rgba(19, 33, 36, 0.025) !important;
border-top: 1px solid rgba(19, 33, 36, 0.09) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group:not(.is-open)
> .marnamic-role-group__children,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group__children[hidden] {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group.is-open
> .marnamic-role-group__children:not([hidden]) {
display: grid !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--child {
grid-template-columns: 22px minmax(0, 1fr) auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option
.marnamic-purpose-option__label {
min-width: 0 !important;
overflow-wrap: anywhere !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__popover--roles
> .marnamic-air-search__filter-actions {
position: relative !important;
z-index: 2 !important;
margin: 0 !important;
padding: 14px !important;
background: #f7f3eb !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__popover--roles {
width: 100% !important;
max-width: none !important;
max-height: none !important;
border-radius: 20px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-role-groups {
max-height: min(52dvh, 540px) !important;
gap: 7px !important;
padding: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-role-option {
min-height: 48px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-role-option--group {
min-height: 52px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-role-option--root-leaf {
min-height: 52px !important;
padding: 8px 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-role-group__toggle {
width: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-role-group__children {
padding: 4px 6px 8px 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__popover--roles
> .marnamic-air-search__filter-actions {
padding: 10px 8px 8px !important;
}
} @media (max-width: 980px) {
html.marnamic-air-search-mobile-open,
html.marnamic-air-search-mobile-open body.wp-child-theme-marnamic,
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open {
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
overscroll-behavior: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .mn-support {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__filter-actions {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
> .hp-form__fields {
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior: contain !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
:is(.marnamic-hybrid-search__body, .marnamic-air-search__filter-scroll, .marnamic-role-groups) {
max-height: none !important;
overflow: visible !important;
overscroll-behavior: auto !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__radius-input {
touch-action: none !important;
pointer-events: auto !important;
}
}body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 2px 0 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters-intro {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 14px;
margin: 0 0 15px;
padding: 0 2px;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters-intro h2 {
margin: 0;
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-size: clamp(1.05rem, 1.7vw, 1.28rem);
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.015em;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters-intro p {
margin: 0;
color: var(--marnamic-text-soft);
font-size: 0.78rem;
font-weight: 600;
line-height: 1.4;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__groups {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
align-items: stretch;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group {
display: flex;
min-width: 0;
flex-direction: column;
overflow: hidden;
background:
radial-gradient(circle at 100% 0%, rgba(97, 165, 172, 0.09), transparent 48%),
rgba(241, 233, 221, 0.035);
border: 1px solid var(--marnamic-border-soft);
border-radius: 13px;
box-shadow: none;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link,
body.wp-child-theme-marnamic .marnamic-vendor-discovery__competency {
min-width: 0;
text-decoration: none !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link {
display: grid;
min-height: 60px;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 9px;
padding: 12px 12px 11px;
color: var(--marnamic-cream) !important;
background: rgba(161, 192, 195, 0.08);
border-bottom: 1px solid var(--marnamic-border-soft);
font-size: 0.82rem;
font-weight: 800;
line-height: 1.24;
transition:
color 160ms ease,
background-color 160ms ease;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link span,
body.wp-child-theme-marnamic .marnamic-vendor-discovery__competency span {
min-width: 0;
overflow-wrap: anywhere;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link small,
body.wp-child-theme-marnamic .marnamic-vendor-discovery__competency small {
display: inline-flex !important;
flex: 0 0 auto;
align-items: center !important;
justify-content: center !important;
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border: 0 !important;
border-radius: 999px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link small {
min-width: 28px !important;
height: 28px !important;
padding: 0 7px !important;
font-size: 0.7rem !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__children {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 3px;
padding: 7px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__competency {
display: grid !important;
min-height: 38px !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 8px !important;
padding: 7px 8px 7px 10px !important;
color: var(--marnamic-text-muted) !important;
background: transparent !important;
border: 0 !important;
border-radius: 8px !important;
box-shadow: none !important;
font-size: 0.76rem !important;
font-weight: 700 !important;
line-height: 1.28 !important;
transition:
color 160ms ease,
background-color 160ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__competency small {
min-width: 24px !important;
height: 24px !important;
padding: 0 6px !important;
font-size: 0.66rem !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link:is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__competency:is(:hover, :focus-visible) {
color: var(--marnamic-dark) !important;
background: var(--marnamic-teal) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link:is(:hover, :focus-visible) small,
body.wp-child-theme-marnamic .marnamic-vendor-discovery__competency:is(:hover, :focus-visible) small {
color: var(--marnamic-dark) !important;
background: rgba(19, 33, 36, 0.12) !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link:focus-visible,
body.wp-child-theme-marnamic .marnamic-vendor-discovery__competency:focus-visible {
box-shadow: inset 0 0 0 2px var(--marnamic-teal) !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group--singleton {
min-height: 100%;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__competency--singleton {
min-height: 100% !important;
padding: 14px !important;
color: var(--marnamic-cream) !important;
background: rgba(161, 192, 195, 0.08) !important;
font-size: 0.82rem !important;
font-weight: 800 !important;
}
@media (max-width: 1080px) {
body.wp-child-theme-marnamic .marnamic-vendor-discovery__groups {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters {
overflow: visible !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters-intro {
display: block;
margin-bottom: 12px;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters-intro p {
margin-top: 4px;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__groups {
display: grid;
width: 100%;
max-width: none;
grid-template-columns: minmax(0, 1fr);
gap: 8px;
overflow: visible;
padding: 0;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group {
position: relative;
width: 100%;
min-width: 0;
flex: none;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link {
min-height: 58px;
padding-right: 62px;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-toggle {
position: absolute;
top: 7px;
right: 7px;
z-index: 2;
display: inline-grid;
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
place-items: center;
margin: 0;
padding: 0;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.82);
border: 1px solid var(--marnamic-border);
border-radius: 10px;
box-shadow: none;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-toggle span {
width: 10px;
height: 10px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translate(-2px, -2px);
transition: transform 160ms ease;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group.is-open .marnamic-vendor-discovery__group-toggle {
color: var(--marnamic-dark);
background: var(--marnamic-teal);
border-color: var(--marnamic-teal);
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group.is-open .marnamic-vendor-discovery__group-toggle span {
transform: rotate(225deg) translate(-1px, -1px);
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group:not(.is-open) .marnamic-vendor-discovery__children {
display: none;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group.is-open .marnamic-vendor-discovery__children {
display: flex;
}
}
@media (min-width: 761px) {
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-toggle {
display: none !important;
}
}body.wp-child-theme-marnamic.marnamic-header-marketplace-actions-disabled
.site-header .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--request-submit
),
body.wp-child-theme-marnamic.marnamic-header-marketplace-actions-disabled
.marnamic-mobile-marketplace-switch {
display: none !important;
}
body.wp-child-theme-marnamic .header-navbar__actions .hp-menu--site-header {
gap: 10px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions .hp-menu__item--listing-submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions .hp-menu__item--request-submit {
min-height: 40px;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0;
padding: 0 14px;
border-radius: 8px;
box-shadow: none;
font-size: 0.92rem;
font-weight: 700;
line-height: 1;
white-space: nowrap;
text-decoration: none;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header.site-header .header-navbar.header-navbar .header-navbar__actions.header-navbar__actions .hp-menu.hp-menu--site-header .hp-menu__item--listing-submit.button.button--secondary {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border: 1px solid var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header.site-header .header-navbar.header-navbar .header-navbar__actions.header-navbar__actions .hp-menu.hp-menu--site-header .hp-menu__item--request-submit.hp-link {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.9) !important;
border: 1px solid var(--marnamic-border) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header.site-header .header-navbar.header-navbar .header-navbar__actions.header-navbar__actions .hp-menu.hp-menu--site-header .hp-menu__item--listing-submit.button.button--secondary:is(:hover, :focus-visible) {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header.site-header .header-navbar.header-navbar .header-navbar__actions.header-navbar__actions .hp-menu.hp-menu--site-header .hp-menu__item--request-submit.hp-link:is(:hover, :focus-visible) {
color: var(--marnamic-lime) !important;
background: rgba(32, 51, 55, 0.94) !important;
border-color: rgba(231, 253, 135, 0.46) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--request-submit
):focus-visible {
outline: 3px solid rgba(231, 253, 135, 0.24) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions .hp-menu__item--listing-submit :is(i, .hp-icon),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions .hp-menu__item--request-submit :is(i, .hp-icon) {
color: currentColor !important;
font-size: 0.8rem !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions .hp-menu__item--request-submit .fa-file-alt::before {
content: "\f002";
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--request-submit
) {
display: inline-flex !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
padding: 0 !important;
font-size: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--request-submit
) :is(i, .hp-icon, i::before, .hp-icon::before) {
font-size: 0.95rem !important;
}
}@media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header > :is(
.hp-form--vendor-search.marnamic-air-search,
.hp-form--listing-search,
.marnamic-vendor-discovery__clusters
) {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: 1 / -1 !important;
justify-self: stretch !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
grid-template-columns: minmax(0, 1fr) !important;
column-gap: 0 !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results .hp-page__header > .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results .hp-page__header > .hp-form--listing-search {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: 1 / -1 !important;
justify-self: stretch !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
}body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category.has-hybrid-values {
padding-right: 30px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category.has-hybrid-values
> .marnamic-air-search__hint {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__active-chips {
display: flex !important;
min-width: 0 !important;
grid-row: 2 !important;
gap: 6px !important;
align-items: center !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__active-chips[hidden] {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-chip {
display: inline-flex !important;
width: auto !important;
max-width: calc(50% - 3px) !important;
min-width: 0 !important;
min-height: 27px !important;
align-items: center !important;
gap: 5px !important;
padding: 3px 5px 3px 9px !important;
color: #132124 !important;
background: rgba(255, 255, 255, 0.72) !important;
border: 1px solid rgba(19, 33, 36, 0.15) !important;
border-radius: 999px !important;
font-size: 0.76rem !important;
font-weight: 780 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__active-chips
> .marnamic-hybrid-chip:only-child {
max-width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-chip__text {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-chip__remove {
display: inline-grid !important;
width: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
flex: 0 0 20px !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
color: #132124 !important;
background: rgba(108, 185, 195, 0.26) !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
font-size: 1rem !important;
font-weight: 850 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-chip__remove:is(:hover, :focus-visible) {
background: #6cb9c3 !important;
outline: 2px solid rgba(19, 33, 36, 0.28) !important;
outline-offset: 1px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__popover--roles {
grid-template-rows: minmax(0, 1fr) auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__body {
min-height: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
scrollbar-width: thin !important;
scrollbar-color: rgba(19, 33, 36, 0.22) transparent !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search {
display: grid !important;
min-width: 0 !important;
gap: 12px !important;
padding: 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__field {
display: grid !important;
gap: 6px !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__field-label,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__section-title {
margin: 0 !important;
color: rgba(19, 33, 36, 0.68) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.76rem !important;
letter-spacing: 0.04em !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__field-label {
font-weight: 500 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__section-title {
font-weight: 400 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
input.marnamic-hybrid-search__input[type="search"] {
position: static !important;
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
height: 52px !important;
min-height: 52px !important;
padding: 0 48px 0 16px !important;
color: #132124 !important;
background-color: rgba(255, 255, 255, 0.78) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23132124' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 15px center !important;
background-size: 22px 22px !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 15px !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 1rem !important;
font-weight: 650 !important;
line-height: 1.2 !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
input.marnamic-hybrid-search__input[type="search"]::placeholder {
color: rgba(19, 33, 36, 0.52) !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
input.marnamic-hybrid-search__input[type="search"]:focus-visible {
border-color: #6cb9c3 !important;
outline: 3px solid rgba(108, 185, 195, 0.3) !important;
outline-offset: 1px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search
> .marnamic-role-groups {
padding: 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__empty {
margin: 0 !important;
padding: 14px !important;
color: rgba(19, 33, 36, 0.66) !important;
background: rgba(255, 255, 255, 0.42) !important;
border: 1px dashed rgba(19, 33, 36, 0.18) !important;
border-radius: 15px !important;
font-size: 0.92rem !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__fulltext {
display: grid !important;
gap: 7px !important;
padding-top: 2px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__fulltext[hidden] {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action {
display: grid !important;
width: 100% !important;
min-width: 0 !important;
min-height: 56px !important;
grid-template-columns: 34px minmax(0, 1fr) !important;
gap: 11px !important;
align-items: center !important;
margin: 0 !important;
padding: 10px 14px !important;
color: #132124 !important;
background: rgba(108, 185, 195, 0.12) !important;
border: 1px solid rgba(108, 185, 195, 0.52) !important;
border-radius: 15px !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.93rem !important;
font-weight: 750 !important;
line-height: 1.25 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action:is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action.is-active {
background: rgba(108, 185, 195, 0.22) !important;
border-color: #61a5ac !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action:focus-visible {
outline: 3px solid rgba(108, 185, 195, 0.34) !important;
outline-offset: 2px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action-icon {
position: relative !important;
display: block !important;
width: 28px !important;
height: 28px !important;
border: 2px solid #132124 !important;
border-radius: 50% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action-icon::after {
position: absolute !important;
right: -5px !important;
bottom: -3px !important;
width: 9px !important;
height: 2px !important;
background: #132124 !important;
border-radius: 2px !important;
content: "" !important;
transform: rotate(45deg) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action-text {
min-width: 0 !important;
overflow-wrap: anywhere !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-hybrid-search__body {
max-height: min(58dvh, 620px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-hybrid-search {
gap: 10px !important;
padding: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-hybrid-search
> .marnamic-role-groups {
max-height: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
input.marnamic-hybrid-search__input[type="search"] {
height: 50px !important;
min-height: 50px !important;
font-size: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-chip {
min-height: 29px !important;
font-size: 0.78rem !important;
}
}
@media (max-width: 560px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__active-chips {
flex-wrap: wrap !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-chip {
max-width: 100% !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category.has-inline-query
> .marnamic-air-search__hint {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control {
position: relative !important;
z-index: 2 !important;
display: flex !important;
width: 100% !important;
min-width: 0 !important;
min-height: 28px !important;
grid-row: 2 !important;
gap: 7px !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> .marnamic-hybrid-search__active-chips {
max-width: 62% !important;
flex: 0 1 auto !important;
grid-row: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> input.marnamic-hybrid-search__input--inline[type="search"] {
position: relative !important;
display: block !important;
width: auto !important;
min-width: 120px !important;
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
flex: 1 1 150px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
color: #132124 !important;
background-color: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 0.96rem !important;
font-weight: 650 !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
cursor: text !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> input.marnamic-hybrid-search__input--inline[type="search"]:focus-visible {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> input.marnamic-hybrid-search__input--inline[type="search"]::-webkit-search-cancel-button {
display: none !important;
appearance: none !important;
-webkit-appearance: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
form.hp-form--vendor-search.marnamic-air-search
> .hp-form__fields
> .hp-form__field.hp-form__field--hidden,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
form.hp-form--vendor-search.marnamic-air-search
> .hp-form__fields
> .hp-form__field.marnamic-air-search__source-field {
display: none !important;
width: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
flex: 0 0 0 !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card__content
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control {
min-height: 56px !important;
flex-wrap: wrap !important;
gap: 6px 8px !important;
padding: 4px 12px !important;
overflow: visible !important;
background: #fffaf3 !important;
border: 1px solid rgba(19, 33, 36, 0.22) !important;
border-radius: 15px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card__content
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> .marnamic-hybrid-search__active-chips {
max-width: 100% !important;
flex: 0 1 auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card__content
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> input.marnamic-hybrid-search__input--inline[type="search"] {
min-width: min(180px, 100%) !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
flex: 1 1 180px !important;
padding-right: 0 !important;
font-size: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-hybrid-chip__remove {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
flex-basis: 44px !important;
}
}
@media (max-width: 560px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card__content
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> .marnamic-hybrid-search__active-chips,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card__content
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> input.marnamic-hybrid-search__input--inline[type="search"] {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
}
}body.wp-child-theme-marnamic.wp-child-theme-marnamic {
--marnamic-vendor-card-logo-tile-height: 128px;
--marnamic-vendor-card-logo-max-height: 96px;
--marnamic-vendor-profile-logo-tile-height: clamp(176px, 18vw, 220px);
--marnamic-vendor-profile-logo-max-height: clamp(136px, 14vw, 176px);
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__image
> a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
> a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
> a {
height: var(--marnamic-vendor-card-logo-tile-height) !important;
min-height: var(--marnamic-vendor-card-logo-tile-height) !important;
padding: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__image
img,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
img,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
img {
display: block !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: var(--marnamic-vendor-card-logo-max-height) !important;
object-fit: contain !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-page
.hp-vendor__summary
.hp-vendor__image {
min-height: var(--marnamic-vendor-profile-logo-tile-height) !important;
padding: clamp(14px, 2vw, 22px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-page
.hp-vendor__summary
.hp-vendor__image
img {
display: block !important;
width: auto !important;
max-width: 94% !important;
height: auto !important;
max-height: var(--marnamic-vendor-profile-logo-max-height) !important;
object-fit: contain !important;
}
@media (max-width: 680px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic {
--marnamic-vendor-card-logo-tile-height: 120px;
--marnamic-vendor-card-logo-max-height: 90px;
--marnamic-vendor-profile-logo-tile-height: 160px;
--marnamic-vendor-profile-logo-max-height: 128px;
}
}body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
) {
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-control-surface, rgba(15, 25, 27, 0.9)) !important;
border-color: var(--marnamic-control-border, rgba(161, 192, 195, 0.3)) !important;
box-shadow: none !important;
transform: none !important;
transition:
color 160ms ease,
background-color 160ms ease,
border-color 160ms ease !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
) span {
display: block !important;
min-width: 0 !important;
color: currentColor !important;
-webkit-text-fill-color: currentColor !important;
opacity: 1 !important;
visibility: visible !important;
} body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
) :is(i, i::before, .hp-icon, .hp-icon::before) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
-webkit-text-fill-color: currentColor !important;
} body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar .marnamic-vendor-contact__brand-icon :is(path, rect, circle) {
fill: none !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar .marnamic-vendor-contact__brand-icon circle[fill] {
fill: currentColor !important;
stroke: none !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar .hp-social-links__item img {
flex: 0 0 18px !important;
width: 18px !important;
height: 18px !important;
opacity: 0.9 !important;
transition: filter 160ms ease, opacity 160ms ease !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
):is(
:hover,
:focus-visible,
:active,
[aria-pressed="true"],
[data-state="active"],
.is-active
) { color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
-webkit-text-fill-color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-action-selected, var(--marnamic-teal, #61a5ac)) !important;
border-color: var(--marnamic-action-selected, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
):is(
:hover,
:focus-visible,
:active,
[aria-pressed="true"],
[data-state="active"],
.is-active
) span {
color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
-webkit-text-fill-color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
):is(
:hover,
:focus-visible,
:active,
[aria-pressed="true"],
[data-state="active"],
.is-active
) :is(i, i::before, .hp-icon, .hp-icon::before) {
color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
fill: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
stroke: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
-webkit-text-fill-color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar .hp-social-links__item:is(
:hover,
:focus-visible,
:active,
[aria-pressed="true"],
[data-state="active"],
.is-active
) img {
filter: none !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
):focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.72) !important;
outline-offset: 3px !important;
} body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__actions,
.hp-listing__actions
) {
display: flex !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
flex: 0 0 auto !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
) {
display: inline-flex !important;
flex: 0 0 40px !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-lime, #e7fd87) !important;
background: rgba(15, 25, 27, 0.86) !important;
border: 1px solid rgba(161, 192, 195, 0.34) !important;
border-radius: var(--marnamic-card-radius, 8px) !important;
box-shadow: none !important;
line-height: 1 !important;
transform: none !important;
transition:
color 160ms ease,
background-color 160ms ease,
border-color 160ms ease !important;
}
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
) :is(
i,
i::before,
.hp-icon,
.hp-icon::before,
svg,
svg *
) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
):is(:hover, :focus-visible, :active) {
color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime-hover, #dffc5f) !important;
border-color: var(--marnamic-lime-hover, #dffc5f) !important;
}
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
):focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.72) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
):is(
[aria-pressed="true"],
[data-state="active"],
.is-active,
.hp-listing__action--active,
.hp-vendor__action--active
) {
color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime, #e7fd87) !important;
border-color: var(--marnamic-lime, #e7fd87) !important;
}
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
):is(
[aria-pressed="true"],
[data-state="active"],
.is-active,
.hp-listing__action--active,
.hp-vendor__action--active
):is(:hover, :focus-visible) {
background: var(--marnamic-lime-hover, #dffc5f) !important;
border-color: var(--marnamic-lime-hover, #dffc5f) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link:link,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link:visited,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link:hover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link:focus-visible,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link:active {
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: var(--marnamic-dark, #132124) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link :is(
span,
i,
i::before,
svg,
svg *
) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
-webkit-text-fill-color: currentColor !important;
}
@media (prefers-reduced-motion: reduce) {
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-link
),
body.wp-child-theme-marnamic .hp-page__sidebar .hp-social-links__item {
transition-duration: 0.01ms !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.marnamic-card__cta--profile,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.marnamic-card__cta--profile:link,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.marnamic-card__cta--profile:visited {
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime, #e7fd87) !important;
border-color: var(--marnamic-lime, #e7fd87) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.marnamic-card__cta--profile
span {
color: currentColor !important;
-webkit-text-fill-color: currentColor !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.marnamic-card__cta--profile:is(:hover, :focus-visible, :active) {
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime-hover, #dffc5f) !important;
border-color: var(--marnamic-lime-hover, #dffc5f) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.hp-vendor__action--message {
color: var(--marnamic-lime, #e7fd87) !important;
-webkit-text-fill-color: var(--marnamic-lime, #e7fd87) !important;
background: rgba(15, 25, 27, 0.86) !important;
border-color: rgba(161, 192, 195, 0.34) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.hp-vendor__action--message
:is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
-webkit-text-fill-color: currentColor !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.hp-vendor__action--message:is(:hover, :focus-visible, :active) {
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime-hover, #dffc5f) !important;
border-color: var(--marnamic-lime-hover, #dffc5f) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__actions--primary
a.marnamic-vendor-matching-cta,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__actions--primary
a.marnamic-vendor-matching-cta:link,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__actions--primary
a.marnamic-vendor-matching-cta:visited {
display: inline-flex !important;
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime, #e7fd87) !important;
border-color: var(--marnamic-lime, #e7fd87) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__actions--primary
a.marnamic-vendor-matching-cta
:is(i, i::before, .hp-icon, .hp-icon::before, span, svg, svg *) {
margin: 0 !important;
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
-webkit-text-fill-color: currentColor !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__actions--primary
a.marnamic-vendor-matching-cta:is(:hover, :focus-visible, :active) {
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime-hover, #dffc5f) !important;
border-color: var(--marnamic-lime-hover, #dffc5f) !important;
}body.home.wp-child-theme-marnamic .page__text > .mn-home .mn-home-kicker {
box-sizing: border-box;
margin-bottom: 1.1rem;
font-size: 12px !important;
line-height: 14px !important;
letter-spacing: 0.04em !important;
text-transform: none !important;
white-space: nowrap;
}
body.home.wp-child-theme-marnamic .page__text > .mn-home
.mn-home-kicker + :is(h1, h2) {
margin-top: 0 !important;
}
body.home.wp-child-theme-marnamic .page__text > .mn-home h1 {
max-width: 11.5ch !important;
margin-bottom: 1.25rem !important;
font-size: clamp(2.125rem, 3.75vw, 3rem) !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
}
body.home.wp-child-theme-marnamic .page__text > .mn-home h2 {
font-size: clamp(1.375rem, 2.35vw, 1.875rem) !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
} body.home.wp-child-theme-marnamic .page__text > .mn-home :is(
.mn-home-lead,
.mn-home-intro p,
.mn-home-explore__copy > p,
.mn-home-steps p,
.mn-home-benefits__head > p,
.mn-home-benefit > p
) {
font-size: 18px !important;
line-height: 27px !important;
} body.home.wp-child-theme-marnamic .mn-home-hero__visual {
align-self: center !important;
}
body.home.wp-child-theme-marnamic :is(
.mn-home-hero__map,
.marnamic-home-vendor-map
) {
box-sizing: border-box !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: 680px !important;
aspect-ratio: 16 / 10;
overflow: hidden !important;
}
body.home.wp-child-theme-marnamic .mn-home-hero__map :is(
.marnamic-home-vendor-map,
.combined-map-wrapper
),
body.home.wp-child-theme-marnamic .marnamic-home-vendor-map > :is(
[id^="marnamic-hotfix-map-"],
.combined-map
) {
box-sizing: border-box !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
}
@media (max-width: 640px) {
body.home.wp-child-theme-marnamic :is(
.mn-home-hero__map,
.marnamic-home-vendor-map
) {
min-height: 240px !important;
max-height: 340px !important;
aspect-ratio: 3 / 2;
}
}
body.wp-child-theme-marnamic .mn-home .mn-home-query > b {
box-sizing: border-box;
min-width: 0;
min-height: 0;
padding: 0;
border: 0;
border-radius: 0;
}
body.wp-child-theme-marnamic .mn-home-benefits {
display: grid;
gap: clamp(28px, 4vw, 52px);
}
body.wp-child-theme-marnamic .mn-home-benefits__head {
display: grid;
gap: 16px;
max-width: 840px;
}
body.wp-child-theme-marnamic .mn-home-benefits__head :is(h2, p) {
margin: 0 !important;
}
body.wp-child-theme-marnamic .mn-home-benefits__head p {
max-width: 72ch;
color: var(--marnamic-text-muted, #a1c0c3);
font-size: clamp(1rem, 1.5vw, 1.12rem);
line-height: 1.65;
}
body.wp-child-theme-marnamic .mn-home-benefits__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(16px, 2vw, 24px);
align-items: stretch;
}
body.wp-child-theme-marnamic .mn-home-benefit {
box-sizing: border-box;
display: flex;
min-width: 0;
min-height: 100%;
flex-direction: column;
align-items: flex-start;
padding: clamp(22px, 2.6vw, 32px);
color: var(--marnamic-cream, #f1e9dd);
background: rgba(24, 39, 43, 0.78);
border: 1px solid rgba(161, 192, 195, 0.26);
border-radius: 14px;
box-shadow: none;
}
body.wp-child-theme-marnamic .mn-home-benefit__icon {
display: inline-flex;
width: 52px;
height: 52px;
align-items: center;
justify-content: center;
margin-bottom: 24px;
color: #e7fd87;
background: #0f191b;
border: 1px solid rgba(231, 253, 135, 0.34);
border-radius: 12px;
}
body.wp-child-theme-marnamic .mn-home-benefit__icon::before {
content: "";
display: block;
width: 28px;
height: 28px;
background: currentColor;
-webkit-mask: center / contain no-repeat;
mask: center / contain no-repeat;
}
body.wp-child-theme-marnamic .mn-home-benefit__icon[data-icon="match-quality"]::before {
-webkit-mask-image: url(//matching.marnamic.com/wp-content/themes/marnamic/assets/icons/benefits/match-quality.svg);
mask-image: url(//matching.marnamic.com/wp-content/themes/marnamic/assets/icons/benefits/match-quality.svg);
}
body.wp-child-theme-marnamic .mn-home-benefit__icon[data-icon="compare-fast"]::before {
-webkit-mask-image: url(//matching.marnamic.com/wp-content/themes/marnamic/assets/icons/benefits/compare-fast.svg);
mask-image: url(//matching.marnamic.com/wp-content/themes/marnamic/assets/icons/benefits/compare-fast.svg);
}
body.wp-child-theme-marnamic .mn-home-benefit__icon[data-icon="implementation"]::before {
-webkit-mask-image: url(//matching.marnamic.com/wp-content/themes/marnamic/assets/icons/benefits/implementation.svg);
mask-image: url(//matching.marnamic.com/wp-content/themes/marnamic/assets/icons/benefits/implementation.svg);
}
body.wp-child-theme-marnamic .mn-home-benefit h3 {
margin: 0 0 12px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: clamp(1.18rem, 1.7vw, 1.42rem) !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic .mn-home-benefit p {
margin: 0 !important;
color: var(--marnamic-text-muted, #a1c0c3) !important;
line-height: 1.6 !important;
}
@media (max-width: 900px) {
body.wp-child-theme-marnamic .mn-home-benefits__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.wp-child-theme-marnamic .mn-home-benefit:last-child {
grid-column: 1 / -1;
}
}
@media (max-width: 620px) {
body.wp-child-theme-marnamic .mn-home-benefits__grid {
grid-template-columns: minmax(0, 1fr);
}
body.wp-child-theme-marnamic .mn-home-benefit:last-child {
grid-column: auto;
}
body.wp-child-theme-marnamic .mn-home-benefit {
padding: 22px;
}
body.wp-child-theme-marnamic .mn-home-benefit__icon {
margin-bottom: 20px;
}
}body.wp-child-theme-marnamic,
body.hp-theme--listinghive {
--marnamic-dark: #132124;
--marnamic-dark-soft: #1b2629;
--marnamic-dark-deep: #0f191b;
--marnamic-panel: #18272b;
--marnamic-panel-soft: #203337;
--marnamic-panel-muted: #24383c;
--marnamic-cream: #f1e9dd;
--marnamic-cream-soft: #fffbf3;
--marnamic-mint: #a1c0c3;
--marnamic-teal: #61a5ac;
--marnamic-teal-dark: #05717c;
--marnamic-lime: #e7fd87;
--marnamic-lime-hover: #dffc5f;
--marnamic-success: #68d391;
--marnamic-warning: #f6d365;
--marnamic-danger: #ff7b7b;
--marnamic-text-muted: rgba(241, 233, 221, 0.72);
--marnamic-text-soft: rgba(241, 233, 221, 0.56);
--marnamic-border: rgba(161, 192, 195, 0.28);
--marnamic-border-soft: rgba(161, 192, 195, 0.18);
--marnamic-surface-border: rgba(19, 33, 36, 0.12);
--marnamic-control-surface: rgba(15, 25, 27, 0.86);
--marnamic-control-surface-soft: rgba(24, 39, 43, 0.86);
--marnamic-control-text: #f1e9dd;
--marnamic-control-muted: rgba(241, 233, 221, 0.58);
--marnamic-control-border: rgba(161, 192, 195, 0.3);
--marnamic-input-bg: rgba(15, 25, 27, 0.72);
--marnamic-input-bg-focus: rgba(15, 25, 27, 0.9);
--marnamic-logo-tile: rgba(241, 233, 221, 0.96);
--marnamic-control-height: 44px;
--marnamic-button-height: var(--marnamic-control-height);
--marnamic-compact-button-height: 40px;
--marnamic-control-padding-x: 14px;
--marnamic-control-icon-space: 42px;
--marnamic-button-padding-x: 16px;
--marnamic-button-gap: 8px;
--marnamic-radius: 8px;
--marnamic-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
--marnamic-shadow-soft: 0 10px 28px rgba(0, 0, 0, 0.18);
--marnamic-font-body: "Quicksand", "Quicksand Regular Lokal", Helvetica, Arial, sans-serif;
--marnamic-font-display: "Hubot Sans", "HubotSans Regular Lokal", "Quicksand", Helvetica, Arial, sans-serif;
--iti-hover-color: rgba(231, 253, 135, 0.12);
--iti-border-color: rgba(161, 192, 195, 0.24);
--iti-dialcode-color: #a1c0c3;
--iti-dropdown-bg: #18272b;
--iti-search-icon-color: #a1c0c3;
--iti-arrow-color: #a1c0c3;
}
html {
background: #132124;
}
body.wp-child-theme-marnamic,
body.hp-theme--listinghive {
color: var(--marnamic-cream);
background: var(--marnamic-dark);
font-family: var(--marnamic-font-body);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
--gtt-tooltip-text-color: var(--marnamic-cream);
--gtt-tooltip-bg: var(--marnamic-panel-soft);
--gtt-tooltip-border: rgba(231, 253, 135, 0.28);
}
body.wp-child-theme-marnamic a {
color: inherit;
}
body.wp-child-theme-marnamic a:hover,
body.wp-child-theme-marnamic .hp-link:hover,
body.wp-child-theme-marnamic .hp-link:hover i,
body.wp-child-theme-marnamic .post__details a:hover,
body.wp-child-theme-marnamic .comment__details a:hover,
body.wp-child-theme-marnamic .header-navbar__menu ul li a:hover,
body.wp-child-theme-marnamic .footer-navbar__menu ul li a:hover,
body.wp-child-theme-marnamic .pac-item:hover .pac-item-query {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .site-container {
min-height: 100vh;
background: #132124;
}
body.wp-child-theme-marnamic .site-loader {
display: none !important;
}
body.wp-child-theme-marnamic .container {
width: min(1180px, calc(100% - 32px));
}
body.wp-child-theme-marnamic .site-content {
padding-top: clamp(24px, 4vw, 56px);
padding-bottom: clamp(44px, 7vw, 84px);
background: #132124;
}
body.wp-child-theme-marnamic .content-area,
body.wp-child-theme-marnamic .hp-page,
body.wp-child-theme-marnamic .site-main,
body.wp-child-theme-marnamic .hp-page__content,
body.wp-child-theme-marnamic .hp-page__sidebar {
color: var(--marnamic-cream);
background: transparent;
}
body.wp-child-theme-marnamic .page__text {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic h1,
body.wp-child-theme-marnamic h2,
body.wp-child-theme-marnamic h3,
body.wp-child-theme-marnamic h4,
body.wp-child-theme-marnamic h5,
body.wp-child-theme-marnamic h6,
body.wp-child-theme-marnamic .hp-page__title,
body.wp-child-theme-marnamic .hp-section__title,
body.wp-child-theme-marnamic .title {
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-weight: 400;
letter-spacing: 0;
}
body.wp-child-theme-marnamic h1,
body.wp-child-theme-marnamic .hp-page__title {
font-size: clamp(2.125rem, 3.75vw, 3rem);
line-height: 1.08;
}
body.wp-child-theme-marnamic h2,
body.wp-child-theme-marnamic .hp-section__title {
font-size: clamp(1.375rem, 2.35vw, 1.875rem);
line-height: 1.2;
}
body.wp-child-theme-marnamic h3 {
font-size: clamp(1.125rem, 1.65vw, 1.375rem);
line-height: 1.25;
}
body.wp-child-theme-marnamic .content-title,
body.wp-child-theme-marnamic .wp-block-heading.content-title {
display: block;
margin: clamp(42px, 6vw, 72px) 0 clamp(20px, 3vw, 32px);
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-size: clamp(1.7rem, 3vw, 2.45rem);
font-weight: 400;
line-height: 1.12;
letter-spacing: 0;
text-align: center;
}
body.wp-child-theme-marnamic .content-title::before,
body.wp-child-theme-marnamic .content-title::after,
body.wp-child-theme-marnamic .wp-block-heading.content-title::before,
body.wp-child-theme-marnamic .wp-block-heading.content-title::after {
display: none;
content: none;
}
body.wp-child-theme-marnamic p,
body.wp-child-theme-marnamic li,
body.wp-child-theme-marnamic .hp-meta,
body.wp-child-theme-marnamic .hp-listing__details,
body.wp-child-theme-marnamic .hp-vendor__details {
color: rgba(241, 233, 221, 0.82);
}
body.wp-child-theme-marnamic .site-header {
position: sticky;
top: 0;
z-index: 100;
background: rgba(19, 33, 36, 0.92);
border-bottom: 1px solid rgba(231, 253, 135, 0.16);
backdrop-filter: blur(16px);
}
body.admin-bar.wp-child-theme-marnamic .site-header {
top: 32px;
}
body.wp-child-theme-marnamic .header-navbar {
width: min(1240px, calc(100% - 32px));
min-height: 86px;
margin: 0 auto;
padding: 12px 0;
background: transparent;
}
body.wp-child-theme-marnamic .header-logo img {
width: 62px;
height: 62px;
object-fit: contain;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul,
body.wp-child-theme-marnamic .header-navbar__burger > ul {
align-items: center;
gap: 4px;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li {
margin: 0;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li > a,
body.wp-child-theme-marnamic .hp-menu--site-header .hp-link {
display: inline-flex;
min-height: 42px;
align-items: center;
gap: 8px;
padding: 10px 12px;
color: rgba(241, 233, 221, 0.86);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.current-menu-item > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > a:hover,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.current-menu-item > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li > a:hover {
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.08);
}
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--first,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--first {
display: none;
}
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a {
color: var(--marnamic-cream);
border: 1px solid rgba(161, 192, 195, 0.22);
background: rgba(15, 25, 27, 0.54);
}
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a:hover,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.current-menu-item::before,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.current-menu-item::before,
body.wp-child-theme-marnamic .hp-menu--tabbed .hp-menu__item--current::before,
body.wp-child-theme-marnamic .title::before,
body.wp-child-theme-marnamic .hp-page__title::before,
body.wp-child-theme-marnamic .hp-section__title::before,
body.wp-child-theme-marnamic .footer-widgets .widget__title::before,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__featured-badge {
background-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .header-navbar__burger > a {
color: var(--marnamic-cream);
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul,
body.wp-child-theme-marnamic .header-navbar__burger > ul,
body.wp-child-theme-marnamic .hp-menu--site-header ul,
body.wp-child-theme-marnamic .hp-menu--user-account,
body.wp-child-theme-marnamic .hp-menu--listing-manage {
color: var(--marnamic-cream);
background: rgba(24, 39, 43, 0.98);
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.3);
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul a,
body.wp-child-theme-marnamic .header-navbar__burger > ul a,
body.wp-child-theme-marnamic .hp-menu--site-header ul a,
body.wp-child-theme-marnamic .hp-menu--user-account a,
body.wp-child-theme-marnamic .hp-menu--listing-manage a {
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul a:hover,
body.wp-child-theme-marnamic .header-navbar__burger > ul a:hover,
body.wp-child-theme-marnamic .hp-menu--site-header ul a:hover,
body.wp-child-theme-marnamic .hp-menu--user-account a:hover,
body.wp-child-theme-marnamic .hp-menu--listing-manage a:hover {
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.08);
}
body.wp-child-theme-marnamic .hp-menu__item--current > a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-menu--site-header .hp-menu__item--listing-submit.button {
min-height: 44px;
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-menu--site-header .hp-menu__item--listing-submit.button:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
border-color: var(--marnamic-lime-hover);
transform: translateY(-1px);
}
body.wp-child-theme-marnamic .button,
body.wp-child-theme-marnamic button[type="submit"],
body.wp-child-theme-marnamic input[type="submit"],
body.wp-child-theme-marnamic .wp-block-button__link,
body.wp-child-theme-marnamic .button--primary,
body.wp-child-theme-marnamic .button--secondary,
body.wp-child-theme-marnamic .hp-button,
body.wp-child-theme-marnamic .hp-form__button,
body.wp-child-theme-marnamic .hp-field--submit,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit,
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
border-radius: var(--marnamic-radius);
font-family: var(--marnamic-font-display);
letter-spacing: 0;
min-height: 44px;
font-weight: 600;
transition:
background-color 0.18s ease,
border-color 0.18s ease,
color 0.18s ease,
transform 0.18s ease;
}
body.wp-child-theme-marnamic .button--primary,
body.wp-child-theme-marnamic button[type="submit"],
body.wp-child-theme-marnamic input[type="submit"],
body.wp-child-theme-marnamic .hp-form__button,
body.wp-child-theme-marnamic .hp-listing__action--message.button {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic blockquote,
body.wp-child-theme-marnamic .wp-block-quote,
body.wp-child-theme-marnamic .tagcloud a:hover,
body.wp-child-theme-marnamic .wp-block-tag-cloud a:hover,
body.wp-child-theme-marnamic .hp-listing__images-carousel .slick-current img,
body.wp-child-theme-marnamic .hp-listing--view-block.hp-listing--featured {
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .button--primary:hover,
body.wp-child-theme-marnamic button[type="submit"]:hover,
body.wp-child-theme-marnamic input[type="submit"]:hover,
body.wp-child-theme-marnamic .hp-form__button:hover,
body.wp-child-theme-marnamic .hp-listing__action--message.button:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
border-color: var(--marnamic-lime-hover);
transform: translateY(-1px);
}
body.wp-child-theme-marnamic .button--secondary,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border: 1px solid var(--marnamic-lime);
}
body.wp-child-theme-marnamic .button--secondary:hover,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
border-color: var(--marnamic-lime-hover);
transform: translateY(-1px);
}
body.wp-child-theme-marnamic .hp-button,
body.wp-child-theme-marnamic .button-primary,
body.wp-child-theme-marnamic .hp-button--mobile {
border-radius: var(--marnamic-radius);
font-family: var(--marnamic-font-display);
font-weight: 600;
letter-spacing: 0;
}
body.wp-child-theme-marnamic .hp-button--mobile,
body.wp-child-theme-marnamic .hp-button--vendor-filter,
body.wp-child-theme-marnamic .hp-button--listing-filter {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border: 1px solid var(--marnamic-lime);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}
body.wp-child-theme-marnamic .hp-button--mobile i,
body.wp-child-theme-marnamic .hp-button--vendor-filter i,
body.wp-child-theme-marnamic .hp-button--listing-filter i {
color: currentColor;
font-size: 0.95em;
}
body.wp-child-theme-marnamic .hp-button--mobile:hover,
body.wp-child-theme-marnamic .hp-button--vendor-filter:hover,
body.wp-child-theme-marnamic .hp-button--listing-filter:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
border-color: var(--marnamic-lime-hover);
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
transform: translateY(-1px);
}
body.wp-child-theme-marnamic .gm-style button,
body.wp-child-theme-marnamic .gm-style button.gm-control-active,
body.wp-child-theme-marnamic .gm-style .gm-control-active {
min-height: 0;
border-radius: 2px;
font-family: Roboto, Arial, sans-serif;
font-weight: normal;
letter-spacing: 0;
box-shadow: none;
transform: none;
transition: none;
}
body.wp-child-theme-marnamic .gm-style button:hover,
body.wp-child-theme-marnamic .gm-style button.gm-control-active:hover,
body.wp-child-theme-marnamic .gm-style .gm-control-active:hover {
transform: none;
}
body.wp-child-theme-marnamic .hp-map .gm-style button.gm-control-active,
body.wp-child-theme-marnamic #combined-map .gm-style button.gm-control-active,
body.wp-child-theme-marnamic .combined-map .gm-style button.gm-control-active,
body.wp-child-theme-marnamic .hp-map .gm-style .gm-bundled-control button,
body.wp-child-theme-marnamic #combined-map .gm-style .gm-bundled-control button,
body.wp-child-theme-marnamic .combined-map .gm-style .gm-bundled-control button {
background: var(--marnamic-panel) !important;
border: 1px solid var(--marnamic-border-soft) !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22) !important;
}
body.wp-child-theme-marnamic .hp-map .gm-style button.gm-control-active:hover,
body.wp-child-theme-marnamic #combined-map .gm-style button.gm-control-active:hover,
body.wp-child-theme-marnamic .combined-map .gm-style button.gm-control-active:hover,
body.wp-child-theme-marnamic .hp-map .gm-style .gm-bundled-control button:hover,
body.wp-child-theme-marnamic #combined-map .gm-style .gm-bundled-control button:hover,
body.wp-child-theme-marnamic .combined-map .gm-style .gm-bundled-control button:hover {
background: var(--marnamic-panel-soft) !important;
border-color: var(--marnamic-border) !important;
}
body.wp-child-theme-marnamic .hp-map .gm-style button.gm-control-active img,
body.wp-child-theme-marnamic #combined-map .gm-style button.gm-control-active img,
body.wp-child-theme-marnamic .combined-map .gm-style button.gm-control-active img,
body.wp-child-theme-marnamic .hp-map .gm-style .gm-bundled-control button img,
body.wp-child-theme-marnamic #combined-map .gm-style .gm-bundled-control button img,
body.wp-child-theme-marnamic .combined-map .gm-style .gm-bundled-control button img {
filter: invert(92%) sepia(12%) saturate(512%) hue-rotate(15deg) brightness(106%);
}
body.wp-child-theme-marnamic .hp-map .gm-style .gmnoprint > div,
body.wp-child-theme-marnamic #combined-map .gm-style .gmnoprint > div,
body.wp-child-theme-marnamic .combined-map .gm-style .gmnoprint > div {
background: var(--marnamic-panel) !important;
border: 1px solid var(--marnamic-border-soft) !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
overflow: hidden;
}
body.wp-child-theme-marnamic .wp-block-group:first-of-type {
gap: clamp(18px, 3vw, 32px);
margin-bottom: clamp(24px, 5vw, 48px);
}
body.wp-child-theme-marnamic .wp-block-image img {
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .header-hero {
color: var(--marnamic-cream);
background-color: var(--marnamic-dark) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
border-bottom: 1px solid rgba(231, 253, 135, 0.18);
}
body.wp-child-theme-marnamic .header-hero__content {
background:
linear-gradient(180deg, rgba(19, 33, 36, 0.24), rgba(19, 33, 36, 0.66));
} body.wp-child-theme-marnamic:is(.category, .tag) .header-hero.category--single {
position: relative !important;
isolation: isolate !important;
display: grid !important;
height: auto !important;
min-height: 0 !important;
align-items: center !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic:is(.category, .tag) .header-hero.category--single .header-hero__content {
position: relative !important;
z-index: 1 !important;
width: 100% !important;
background: transparent !important;
}
body.wp-child-theme-marnamic.marnamic-blog-term-hero--image .header-hero.category--single {
min-height: clamp(320px, 34vw, 440px) !important;
padding: clamp(64px, 8vw, 104px) 0 !important;
}
body.wp-child-theme-marnamic.marnamic-blog-term-hero--image .header-hero.category--single :is(
.category__name,
.category__description
) {
text-shadow: 0 2px 22px rgba(0, 0, 0, 0.42);
}
body.wp-child-theme-marnamic.marnamic-blog-term-hero--fallback .header-hero.category--single {
padding: clamp(34px, 4.5vw, 54px) 0 !important;
background:
radial-gradient(circle at 50% 0%, rgba(97, 165, 172, 0.14), transparent 48%),
linear-gradient(180deg, rgba(24, 39, 43, 0.96), rgba(15, 25, 27, 0.98)) !important;
}
@media (max-width: 700px) {
body.wp-child-theme-marnamic.marnamic-blog-term-hero--image .header-hero.category--single {
min-height: 280px !important;
padding: 58px 0 !important;
}
body.wp-child-theme-marnamic.marnamic-blog-term-hero--fallback .header-hero.category--single {
padding: 30px 0 !important;
}
} body.single-post.wp-child-theme-marnamic .header-hero.post--single {
position: relative !important;
isolation: isolate !important;
display: grid !important;
min-height: clamp(500px, 43vw, 620px) !important;
align-items: center !important;
padding: clamp(88px, 10vw, 136px) 0 !important;
overflow: hidden !important;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single::before {
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
display: block !important;
content: "" !important;
pointer-events: none !important;
background:
linear-gradient(180deg, rgba(9, 17, 19, 0.28) 0%, rgba(9, 17, 19, 0.42) 48%, rgba(9, 17, 19, 0.78) 100%),
linear-gradient(90deg, rgba(9, 17, 19, 0.48) 0%, rgba(9, 17, 19, 0.12) 62%, rgba(9, 17, 19, 0.3) 100%) !important;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single .header-hero__content {
position: relative !important;
z-index: 1 !important;
width: 100% !important;
background: transparent !important;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single .post__header {
max-width: 860px !important;
margin: 0 auto !important;
text-wrap: balance;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single .post__title {
text-shadow: 0 2px 22px rgba(0, 0, 0, 0.34) !important;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single .post__details {
color: rgba(241, 233, 221, 0.84) !important;
}
@media (max-width: 700px) {
body.single-post.wp-child-theme-marnamic .header-hero.post--single {
min-height: clamp(430px, 122vw, 540px) !important;
padding: 72px 0 68px !important;
background-position: center center !important;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single .header-hero__content {
padding: 0 4px !important;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single .post__title {
font-size: clamp(2rem, 10vw, 3rem) !important;
line-height: 1.04 !important;
}
}
body.wp-child-theme-marnamic .header-hero .hp-listing-category__header {
display: grid;
justify-items: center;
gap: 14px;
padding: clamp(34px, 7vw, 72px) 0;
text-align: center;
}
body.wp-child-theme-marnamic .header-hero .hp-listing-category__name {
margin: 0;
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-size: clamp(2.2rem, 5vw, 4.6rem);
font-weight: 400;
letter-spacing: 0;
}
body.wp-child-theme-marnamic .header-hero .hp-listing-category__count {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 6px 12px;
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border: 1px solid var(--marnamic-lime);
border-radius: var(--marnamic-radius);
font-weight: 600;
}
body.wp-child-theme-marnamic .hp-form--listing-search,
body.wp-child-theme-marnamic .hp-form--vendor-search,
body.wp-child-theme-marnamic .hp-form--primary {
color: var(--marnamic-cream);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.96), rgba(24, 39, 43, 0.98));
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .hp-form--listing-search,
body.wp-child-theme-marnamic .hp-form--vendor-search {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(150px, auto);
gap: 12px;
align-items: end;
padding: clamp(12px, 1.7vw, 16px);
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__fields {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
gap: 12px;
align-items: end;
min-width: 0;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__footer {
margin: 0;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__footer {
min-width: min(210px, 100%);
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__label,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__label,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-field__label,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-field__label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__button,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__button,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-field--submit,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-field--submit {
width: 100%;
min-height: var(--marnamic-control-height);
padding-inline: 22px;
}
body.wp-child-theme-marnamic .hp-form--listing-search {
margin-bottom: clamp(20px, 4vw, 36px);
}
body.wp-child-theme-marnamic .hp-form__label,
body.wp-child-theme-marnamic .hp-field__label {
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
margin-bottom: 8px;
font-size: 0.84rem;
font-weight: 600;
letter-spacing: 0;
}
body.wp-child-theme-marnamic .hp-field input[type="checkbox"] + span,
body.wp-child-theme-marnamic .hp-field input[type="radio"] + span {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-field__description,
body.wp-child-theme-marnamic .hp-form__description,
body.wp-child-theme-marnamic .hp-form__messages {
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .hp-form__action,
body.wp-child-theme-marnamic .hp-form__actions {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic .hp-form__action a,
body.wp-child-theme-marnamic .hp-form__actions a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic input[type="text"],
body.wp-child-theme-marnamic input[type="search"],
body.wp-child-theme-marnamic input[type="email"],
body.wp-child-theme-marnamic input[type="password"],
body.wp-child-theme-marnamic input[type="number"],
body.wp-child-theme-marnamic input[type="url"],
body.wp-child-theme-marnamic input[type="tel"],
body.wp-child-theme-marnamic input[type="date"],
body.wp-child-theme-marnamic input[type="time"],
body.wp-child-theme-marnamic input[type="datetime-local"],
body.wp-child-theme-marnamic input[type="month"],
body.wp-child-theme-marnamic input[type="week"],
body.wp-child-theme-marnamic textarea,
body.wp-child-theme-marnamic select,
body.wp-child-theme-marnamic .hp-field--location,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple {
color: var(--marnamic-cream);
background-color: rgba(15, 25, 27, 0.72);
border-color: rgba(161, 192, 195, 0.24);
border-radius: var(--marnamic-radius);
min-height: var(--marnamic-control-height);
box-shadow: none;
font-family: var(--marnamic-font-body);
transition:
border-color 0.18s ease,
box-shadow 0.18s ease,
background-color 0.18s ease;
}
body.wp-child-theme-marnamic input[type="text"],
body.wp-child-theme-marnamic input[type="search"],
body.wp-child-theme-marnamic input[type="email"],
body.wp-child-theme-marnamic input[type="password"],
body.wp-child-theme-marnamic input[type="number"],
body.wp-child-theme-marnamic input[type="url"],
body.wp-child-theme-marnamic input[type="tel"],
body.wp-child-theme-marnamic input[type="date"],
body.wp-child-theme-marnamic input[type="time"],
body.wp-child-theme-marnamic input[type="datetime-local"],
body.wp-child-theme-marnamic input[type="month"],
body.wp-child-theme-marnamic input[type="week"],
body.wp-child-theme-marnamic select,
body.wp-child-theme-marnamic .hp-field--location {
min-height: var(--marnamic-control-height);
padding-inline: 18px;
font-weight: 600;
}
body.wp-child-theme-marnamic textarea {
min-height: 128px;
padding: 16px 18px;
font-weight: 600;
}
body.wp-child-theme-marnamic input::placeholder,
body.wp-child-theme-marnamic textarea::placeholder {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic input:focus,
body.wp-child-theme-marnamic textarea:focus,
body.wp-child-theme-marnamic select:focus,
body.wp-child-theme-marnamic .select2-container--default.select2-container--focus .select2-selection--single,
body.wp-child-theme-marnamic .select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: var(--marnamic-teal);
box-shadow: 0 0 0 3px rgba(231, 253, 135, 0.2);
outline: 0;
}
body.wp-child-theme-marnamic input[readonly],
body.wp-child-theme-marnamic textarea[readonly],
body.wp-child-theme-marnamic input:disabled,
body.wp-child-theme-marnamic textarea:disabled,
body.wp-child-theme-marnamic select:disabled,
body.wp-child-theme-marnamic .select2-container--default.select2-container--disabled .select2-selection--single,
body.wp-child-theme-marnamic .select2-container--default.select2-container--disabled .select2-selection--multiple {
color: var(--marnamic-text-soft);
background-color: rgba(15, 25, 27, 0.5);
border-color: rgba(161, 192, 195, 0.16);
cursor: not-allowed;
}
body.wp-child-theme-marnamic input[type="checkbox"],
body.wp-child-theme-marnamic input[type="radio"] {
width: 16px;
height: 16px;
margin-right: 8px;
accent-color: var(--marnamic-lime);
cursor: pointer;
}
body.wp-child-theme-marnamic input[type="range"] {
accent-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-field--location a {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-field__icon {
color: var(--marnamic-mint);
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--marnamic-cream);
font-family: var(--marnamic-font-body);
line-height: calc(var(--marnamic-control-height) - 2px);
padding-left: 18px;
padding-right: 42px;
font-weight: 600;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow {
height: var(--marnamic-control-height);
width: 38px;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: var(--marnamic-mint) transparent transparent transparent;
}
body.wp-child-theme-marnamic .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent var(--marnamic-mint) transparent;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple {
min-height: var(--marnamic-control-height);
padding: 7px 10px;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__rendered {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
min-height: calc(var(--marnamic-control-height) - 16px);
margin: 0;
padding: 0;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search--inline {
margin: 0;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search__field {
min-height: 40px;
height: 40px;
margin: 0;
padding: 0 8px;
color: var(--marnamic-cream);
background: transparent;
font-weight: 600;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__choice {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0;
padding: 5px 9px;
color: var(--marnamic-dark);
background: rgba(231, 253, 135, 0.72);
border: 1px solid rgba(19, 33, 36, 0.14);
border-radius: calc(var(--marnamic-radius) - 2px);
font-weight: 600;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: rgba(19, 33, 36, 0.72);
margin: 0;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: var(--marnamic-dark);
}
body.wp-child-theme-marnamic .select2-dropdown {
max-width: calc(100vw - 32px) !important;
color: var(--marnamic-cream);
background: var(--marnamic-panel);
border-color: var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
overflow: hidden;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
}
body.wp-child-theme-marnamic .select2-search--dropdown {
padding: 10px;
}
body.wp-child-theme-marnamic .select2-search--dropdown .select2-search__field {
min-height: 42px;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.78);
border-color: rgba(161, 192, 195, 0.24);
}
body.wp-child-theme-marnamic .select2-results__option {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
padding: 11px 16px;
font-weight: 600;
}
body.wp-child-theme-marnamic .select2-results__option[aria-selected="true"] {
color: var(--marnamic-dark);
background: rgba(231, 253, 135, 0.72);
}
body.wp-child-theme-marnamic .select2-results__option[aria-disabled="true"] {
color: var(--marnamic-text-soft);
background: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .select2-results__option--highlighted[aria-selected] {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-form--pivot {
gap: 10px;
align-items: center;
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-form--pivot .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--pivot .hp-form__field {
margin: 0;
}
body.wp-child-theme-marnamic .hp-form--pivot .hp-field__label,
body.wp-child-theme-marnamic .hp-form--pivot .hp-form__label {
margin: 0 6px 0 0;
color: var(--marnamic-text-soft);
font-size: 0.76rem;
font-weight: 600;
text-transform: uppercase;
}
body.wp-child-theme-marnamic .select2-selection--inline,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--inline {
min-height: 40px;
height: 40px;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.58);
border: 1px solid rgba(161, 192, 195, 0.22);
border-radius: var(--marnamic-radius);
box-shadow: none;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--inline .select2-selection__rendered {
line-height: 38px;
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--inline .select2-selection__arrow {
height: 38px;
}
body.wp-child-theme-marnamic .select2-dropdown--inline {
background: var(--marnamic-panel);
border-color: var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple,
body.wp-child-theme-marnamic .hp-page__topbar .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-page__topbar .select2-container--default .select2-selection--multiple {
color: var(--marnamic-cream) !important;
background: var(--marnamic-input-bg) !important;
border: 1px solid rgba(161, 192, 195, 0.28) !important;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default.select2-container--focus .select2-selection--single,
body.wp-child-theme-marnamic .hp-widget .select2-container--default.select2-container--focus .select2-selection--multiple,
body.wp-child-theme-marnamic .hp-page__topbar .select2-container--default.select2-container--open .select2-selection--single,
body.wp-child-theme-marnamic .hp-page__topbar .select2-container--default.select2-container--focus .select2-selection--single {
background: var(--marnamic-input-bg-focus) !important;
border-color: rgba(231, 253, 135, 0.58) !important;
box-shadow: 0 0 0 3px rgba(231, 253, 135, 0.16) !important;
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple .select2-search__field,
body.wp-child-theme-marnamic .hp-page__topbar .select2-container--default .select2-selection__rendered {
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection__clear {
color: var(--marnamic-mint);
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection__clear:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic .select2-dropdown.select2-dropdown--above,
body.wp-child-theme-marnamic .select2-dropdown.select2-dropdown--below {
max-width: calc(100vw - 32px) !important;
color: var(--marnamic-cream) !important;
background: var(--marnamic-panel) !important;
border: 1px solid rgba(161, 192, 195, 0.28) !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.32) !important;
}
body.wp-child-theme-marnamic .select2-results,
body.wp-child-theme-marnamic .select2-results > .select2-results__options {
max-width: calc(100vw - 32px) !important;
color: var(--marnamic-cream);
background: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .select2-container--default .select2-results__option {
white-space: normal !important;
overflow-wrap: anywhere !important;
color: var(--marnamic-cream) !important;
background: var(--marnamic-panel) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-results__option--selected,
body.wp-child-theme-marnamic .select2-container--default .select2-results__option[aria-selected="true"] {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-results__option--highlighted[aria-selected],
body.wp-child-theme-marnamic .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-results__option[aria-disabled="true"] {
color: rgba(241, 233, 221, 0.34) !important;
background: rgba(15, 25, 27, 0.58) !important;
}
body.wp-child-theme-marnamic option {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .hp-field--checkboxes,
body.wp-child-theme-marnamic .hp-field--radio {
padding: 12px;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.45);
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
scrollbar-color: var(--marnamic-teal) rgba(15, 25, 27, 0.5);
}
body.wp-child-theme-marnamic .hp-field--checkboxes ul li,
body.wp-child-theme-marnamic .hp-field--radio ul li {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-field--checkboxes ul li label,
body.wp-child-theme-marnamic .hp-field--radio ul li label,
body.wp-child-theme-marnamic .hp-field--checkbox label {
display: flex;
gap: 8px;
align-items: flex-start;
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-field--checkboxes ul li label:hover,
body.wp-child-theme-marnamic .hp-field--radio ul li label:hover,
body.wp-child-theme-marnamic .hp-field--checkbox label:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-field--date a,
body.wp-child-theme-marnamic .hp-field--time a,
body.wp-child-theme-marnamic .hp-field--location a {
color: var(--marnamic-mint);
}
body.wp-child-theme-marnamic .hp-field--date a:hover,
body.wp-child-theme-marnamic .hp-field--time a:hover,
body.wp-child-theme-marnamic .hp-field--location a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-field--date i,
body.wp-child-theme-marnamic .hp-field--time i {
color: currentColor;
}
body.wp-child-theme-marnamic .hp-field--date-range {
display: grid;
gap: 8px;
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-field--date-range .hp-field--date {
display: flex;
align-items: center;
min-height: var(--marnamic-control-height);
color: var(--marnamic-cream);
background: var(--marnamic-input-bg);
border: 1px solid rgba(161, 192, 195, 0.24);
border-radius: var(--marnamic-radius);
overflow: hidden;
}
body.wp-child-theme-marnamic .hp-field--date-range .hp-field--date input {
flex: 1 1 auto;
min-width: 0;
border: 0;
background: transparent;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-field--date-range .hp-field--date a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
min-height: var(--marnamic-control-height);
color: var(--marnamic-mint);
border-left: 1px solid rgba(161, 192, 195, 0.18);
}
body.wp-child-theme-marnamic .hp-field--date-range .hp-field--date a:hover {
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.08);
}
body.wp-child-theme-marnamic .hp-field--number-range .ui-slider {
height: 6px;
background: rgba(15, 25, 27, 0.72);
border: 1px solid rgba(161, 192, 195, 0.2);
border-radius: 999px;
}
body.wp-child-theme-marnamic .hp-field--number-range .ui-slider-range {
background: linear-gradient(90deg, var(--marnamic-teal), var(--marnamic-lime));
border-radius: 999px;
}
body.wp-child-theme-marnamic .hp-field--number-range .ui-slider-handle {
top: -8px;
width: 20px;
height: 20px;
background: var(--marnamic-lime);
border: 2px solid var(--marnamic-dark);
border-radius: 50%;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
}
body.wp-child-theme-marnamic .hp-field--attachment-upload > div:first-child > div > div {
background: rgba(15, 25, 27, 0.48);
border: 1px dashed rgba(231, 253, 135, 0.28);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .hp-field--attachment-upload > div:first-child > div > div::before {
color: rgba(241, 233, 221, 0.24);
}
body.wp-child-theme-marnamic .hp-field--attachment-upload > div:first-child > div > div a {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.72);
}
body.wp-child-theme-marnamic .hp-field--attachment-upload .hp-field__button {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-field--repeater table,
body.wp-child-theme-marnamic .hp-table {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.42);
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
overflow: hidden;
}
body.wp-child-theme-marnamic .hp-field--repeater table tr {
background: rgba(15, 25, 27, 0.42);
}
body.wp-child-theme-marnamic .hp-table th,
body.wp-child-theme-marnamic .hp-table td,
body.wp-child-theme-marnamic .hp-field--repeater table th,
body.wp-child-theme-marnamic .hp-field--repeater table td {
color: var(--marnamic-text-muted);
border-color: rgba(231, 253, 135, 0.12);
}
body.wp-child-theme-marnamic .hp-table th,
body.wp-child-theme-marnamic .hp-field--repeater table th {
color: var(--marnamic-cream);
background: rgba(32, 51, 55, 0.72);
}
body.wp-child-theme-marnamic .hp-field--repeater table td:first-child,
body.wp-child-theme-marnamic .hp-field--repeater table td:last-child,
body.wp-child-theme-marnamic .hp-field--repeater table td:first-child a,
body.wp-child-theme-marnamic .hp-field--repeater table td:last-child a {
color: var(--marnamic-mint);
}
body.wp-child-theme-marnamic .hp-field--repeater [data-add],
body.wp-child-theme-marnamic .hp-field--repeater [data-remove] {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-status span {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.52);
border-color: rgba(161, 192, 195, 0.22);
border-radius: calc(var(--marnamic-radius) - 2px);
font-weight: 600;
}
body.wp-child-theme-marnamic .hp-status--publish span,
body.wp-child-theme-marnamic .hp-status--wc-completed span {
color: var(--marnamic-success);
border-color: rgba(104, 211, 145, 0.52);
}
body.wp-child-theme-marnamic .hp-status--pending span,
body.wp-child-theme-marnamic .hp-status--wc-on-hold span,
body.wp-child-theme-marnamic .hp-status--wc-processing span {
color: var(--marnamic-warning);
border-color: rgba(246, 211, 101, 0.52);
}
body.wp-child-theme-marnamic .hp-status--draft span,
body.wp-child-theme-marnamic .hp-status--trash span,
body.wp-child-theme-marnamic .hp-status--wc-refunded span {
color: var(--marnamic-danger);
border-color: rgba(255, 123, 123, 0.52);
}
body.wp-child-theme-marnamic .hp-form__messages {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.56);
border-left-color: rgba(161, 192, 195, 0.45);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .hp-form__messages--info {
border-left-color: var(--marnamic-teal);
}
body.wp-child-theme-marnamic .hp-form__messages--warning {
border-left-color: var(--marnamic-warning);
}
body.wp-child-theme-marnamic .hp-form__messages--error {
border-left-color: var(--marnamic-danger);
}
body.wp-child-theme-marnamic .hp-form__messages--success {
border-left-color: var(--marnamic-success);
}
body.wp-child-theme-marnamic .hp-block__placeholder {
color: var(--marnamic-text-muted);
background: rgba(32, 51, 55, 0.74);
border: 1px dashed rgba(231, 253, 135, 0.24);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .hp-block__placeholder span {
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .hp-block:is([data-state="loading"], [aria-busy="true"]),
body.wp-child-theme-marnamic .hp-form:is([data-state="loading"], [aria-busy="true"]) {
opacity: 0.72;
}
body.wp-child-theme-marnamic .hp-block:is([data-state="loading"], [aria-busy="true"])::after,
body.wp-child-theme-marnamic .hp-form:is([data-state="loading"], [aria-busy="true"])::after {
background: rgba(19, 33, 36, 0.32);
border-radius: inherit;
backdrop-filter: blur(1px);
}
body.wp-child-theme-marnamic button:is([data-state="loading"], [aria-busy="true"]),
body.wp-child-theme-marnamic .hp-button:is([data-state="loading"], [aria-busy="true"]),
body.wp-child-theme-marnamic .hp-field__button:is([data-state="loading"], [aria-busy="true"]) {
cursor: progress;
opacity: 0.72;
}
body.wp-child-theme-marnamic .pac-container {
margin-top: 6px;
color: var(--marnamic-cream);
background: var(--marnamic-panel);
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
overflow: hidden;
font-family: var(--marnamic-font-body);
}
body.wp-child-theme-marnamic .pac-item {
padding: 10px 14px;
color: var(--marnamic-text-muted);
border-top-color: rgba(231, 253, 135, 0.12);
cursor: pointer;
}
body.wp-child-theme-marnamic .pac-item:first-child {
border-top: 0;
}
body.wp-child-theme-marnamic .pac-item:hover {
background: rgba(231, 253, 135, 0.12);
}
body.wp-child-theme-marnamic .pac-item-query,
body.wp-child-theme-marnamic .pac-matched {
color: var(--marnamic-cream);
font-weight: 600;
}
body.wp-child-theme-marnamic .pac-logo::after {
background-color: rgba(15, 25, 27, 0.72);
border-top: 1px solid rgba(231, 253, 135, 0.1);
}
body.wp-child-theme-marnamic .ui-widget.ui-widget-content,
body.wp-child-theme-marnamic .ui-menu,
body.wp-child-theme-marnamic .ui-autocomplete,
body.wp-child-theme-marnamic .ui-datepicker {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
}
body.wp-child-theme-marnamic .ui-datepicker .ui-datepicker-header {
color: var(--marnamic-cream);
background: var(--marnamic-panel-soft);
border: 0;
border-radius: calc(var(--marnamic-radius) - 2px);
}
body.wp-child-theme-marnamic .ui-datepicker th {
color: var(--marnamic-mint);
background: transparent;
}
body.wp-child-theme-marnamic .ui-datepicker td span,
body.wp-child-theme-marnamic .ui-datepicker td a,
body.wp-child-theme-marnamic .ui-menu .ui-menu-item-wrapper {
color: var(--marnamic-cream);
background: transparent;
border-color: transparent;
}
body.wp-child-theme-marnamic .ui-state-hover,
body.wp-child-theme-marnamic .ui-widget-content .ui-state-hover,
body.wp-child-theme-marnamic .ui-widget-header .ui-state-hover,
body.wp-child-theme-marnamic .ui-state-focus,
body.wp-child-theme-marnamic .ui-widget-content .ui-state-focus,
body.wp-child-theme-marnamic .ui-widget-header .ui-state-focus {
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.1);
border-color: rgba(231, 253, 135, 0.32);
}
body.wp-child-theme-marnamic .ui-state-active,
body.wp-child-theme-marnamic .ui-widget-content .ui-state-active,
body.wp-child-theme-marnamic .ui-widget-header .ui-state-active {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-field--number-range .ui-slider.ui-widget.ui-widget-content {
height: 6px;
background: rgba(15, 25, 27, 0.72);
border: 1px solid rgba(161, 192, 195, 0.2);
border-radius: 999px;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-field--number-range .ui-slider .ui-slider-handle {
top: -8px;
width: 20px;
height: 20px;
background: var(--marnamic-lime);
border: 2px solid var(--marnamic-dark);
border-radius: 50%;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
}
body.wp-child-theme-marnamic .flatpickr-calendar {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: 0 22px 58px rgba(0, 0, 0, 0.34);
}
body.wp-child-theme-marnamic .flatpickr-calendar.arrowTop::before,
body.wp-child-theme-marnamic .flatpickr-calendar.arrowTop::after {
border-bottom-color: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .flatpickr-calendar.arrowBottom::before,
body.wp-child-theme-marnamic .flatpickr-calendar.arrowBottom::after {
border-top-color: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .flatpickr-months,
body.wp-child-theme-marnamic .flatpickr-weekdays,
body.wp-child-theme-marnamic .flatpickr-time {
color: var(--marnamic-cream);
background: var(--marnamic-panel-soft);
}
body.wp-child-theme-marnamic .flatpickr-current-month,
body.wp-child-theme-marnamic .flatpickr-current-month input.cur-year,
body.wp-child-theme-marnamic .flatpickr-current-month .flatpickr-monthDropdown-months,
body.wp-child-theme-marnamic .flatpickr-weekday,
body.wp-child-theme-marnamic .flatpickr-time input,
body.wp-child-theme-marnamic .flatpickr-time .flatpickr-am-pm {
color: var(--marnamic-cream);
background: transparent;
}
body.wp-child-theme-marnamic .flatpickr-monthDropdown-month {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .flatpickr-prev-month,
body.wp-child-theme-marnamic .flatpickr-next-month {
color: var(--marnamic-mint);
fill: var(--marnamic-mint);
}
body.wp-child-theme-marnamic .flatpickr-prev-month:hover,
body.wp-child-theme-marnamic .flatpickr-next-month:hover {
color: var(--marnamic-lime);
fill: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .flatpickr-day {
color: var(--marnamic-cream);
border-color: transparent;
border-radius: calc(var(--marnamic-radius) - 2px);
}
body.wp-child-theme-marnamic .flatpickr-day.prevMonthDay,
body.wp-child-theme-marnamic .flatpickr-day.nextMonthDay,
body.wp-child-theme-marnamic .flatpickr-day.flatpickr-disabled,
body.wp-child-theme-marnamic .flatpickr-day.flatpickr-disabled:hover {
color: rgba(241, 233, 221, 0.28);
background: transparent;
}
body.wp-child-theme-marnamic .flatpickr-day.today {
color: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .flatpickr-day:hover,
body.wp-child-theme-marnamic .flatpickr-day:focus,
body.wp-child-theme-marnamic .flatpickr-day.inRange,
body.wp-child-theme-marnamic .flatpickr-day.prevMonthDay.inRange,
body.wp-child-theme-marnamic .flatpickr-day.nextMonthDay.inRange {
color: var(--marnamic-cream);
background: rgba(231, 253, 135, 0.12);
border-color: rgba(231, 253, 135, 0.22);
}
body.wp-child-theme-marnamic .flatpickr-day.selected,
body.wp-child-theme-marnamic .flatpickr-day.startRange,
body.wp-child-theme-marnamic .flatpickr-day.endRange,
body.wp-child-theme-marnamic .flatpickr-day.selected:hover,
body.wp-child-theme-marnamic .flatpickr-day.startRange:hover,
body.wp-child-theme-marnamic .flatpickr-day.endRange:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .flatpickr-day-label {
color: var(--marnamic-cream);
background: var(--marnamic-dark);
border: 1px solid var(--marnamic-border-soft);
}
body.wp-child-theme-marnamic .flatpickr-day-label::after {
border-top-color: var(--marnamic-dark);
}
body.wp-child-theme-marnamic .flatpickr-status::after {
background-color: var(--marnamic-warning);
}
body.wp-child-theme-marnamic .flatpickr-status--success::after {
background-color: var(--marnamic-success);
}
body.wp-child-theme-marnamic .flatpickr-status--error::after {
background-color: var(--marnamic-danger);
}
body.wp-child-theme-marnamic .iti {
width: 100%;
}
body.wp-child-theme-marnamic .iti__selected-country {
color: var(--marnamic-cream);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .iti__selected-country-primary:hover {
background: rgba(231, 253, 135, 0.1);
}
body.wp-child-theme-marnamic .iti__dropdown-content {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
overflow: hidden;
}
body.wp-child-theme-marnamic .iti__search-input {
min-height: 44px;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.78);
border: 0;
}
body.wp-child-theme-marnamic .iti__country-list {
scrollbar-color: var(--marnamic-teal) rgba(15, 25, 27, 0.5);
}
body.wp-child-theme-marnamic .iti__country {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .iti__country.iti__highlight,
body.wp-child-theme-marnamic .iti__country:hover {
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.1);
}
body.wp-child-theme-marnamic .iti__dial-code {
color: var(--marnamic-mint);
}
body.wp-child-theme-marnamic .mapboxgl-ctrl-geocoder,
body.wp-child-theme-marnamic .mapboxgl-ctrl-geocoder input,
body.wp-child-theme-marnamic .mapboxgl-ctrl-geocoder .suggestions,
body.wp-child-theme-marnamic .mapboxgl-popup-content {
color: var(--marnamic-cream);
background: var(--marnamic-panel);
border-color: var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .mapboxgl-ctrl-geocoder .suggestions > li > a {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .mapboxgl-ctrl-geocoder .suggestions > li > a:hover {
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.1) !important;
}
body.wp-child-theme-marnamic .mapboxgl-popup-tip {
border-top-color: var(--marnamic-panel);
border-bottom-color: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .mapboxgl-ctrl-group {
background: var(--marnamic-panel);
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
overflow: hidden;
}
body.wp-child-theme-marnamic .hp-listing--view-block,
body.wp-child-theme-marnamic .hp-vendor--view-block,
body.wp-child-theme-marnamic .hp-listing--map-block,
body.wp-child-theme-marnamic .hp-vendor--map-block,
body.wp-child-theme-marnamic .hp-listing-category--view-block,
body.wp-child-theme-marnamic .post--view-block,
body.wp-child-theme-marnamic .hp-widget,
body.wp-child-theme-marnamic .widget--sidebar {
color: var(--marnamic-cream);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.94), rgba(24, 39, 43, 0.98));
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
overflow: hidden;
transition:
background-color 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease,
transform 0.18s ease;
}
body.wp-child-theme-marnamic .hp-listing--view-block:hover,
body.wp-child-theme-marnamic .hp-vendor--view-block:hover,
body.wp-child-theme-marnamic .hp-listing-category--view-block:hover,
body.wp-child-theme-marnamic .post--view-block:hover {
border-color: rgba(231, 253, 135, 0.5);
background:
linear-gradient(180deg, rgba(36, 56, 60, 0.98), rgba(24, 39, 43, 1));
box-shadow: 0 20px 54px rgba(0, 0, 0, 0.3);
transform: translateY(-2px);
}
body.wp-child-theme-marnamic .hp-grid {
row-gap: clamp(24px, 3vw, 36px);
}
body.wp-child-theme-marnamic .hp-page__header,
body.wp-child-theme-marnamic .hp-page__topbar {
color: var(--marnamic-cream);
background: transparent;
}
body.wp-child-theme-marnamic .hp-result-count {
color: rgba(241, 233, 221, 0.72);
}
body.wp-child-theme-marnamic .hp-map {
overflow: hidden;
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}
body.wp-child-theme-marnamic .hp-vendor__map,
body.wp-child-theme-marnamic .hp-listing__map {
overflow: hidden;
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .marnamic-combined-map {
min-height: 420px;
background: var(--marnamic-dark);
}
body.wp-child-theme-marnamic .marnamic-map-empty {
padding: 18px;
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .site-content,
body.wp-child-theme-marnamic.hp-template--listings-view-page .site-content,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .site-content,
body.wp-child-theme-marnamic.hp-template--listing-view-page .site-content {
background: #132124;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .content-area,
body.wp-child-theme-marnamic.hp-template--listings-view-page .content-area,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .content-area,
body.wp-child-theme-marnamic.hp-template--listing-view-page .content-area {
width: min(1240px, calc(100% - 32px));
margin-inline: auto;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .container .content-area,
body.wp-child-theme-marnamic.hp-template--listings-view-page .container .content-area,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .container .content-area,
body.wp-child-theme-marnamic.hp-template--listing-view-page .container .content-area {
width: 100%;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__header,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page__header {
margin-bottom: clamp(18px, 3vw, 28px);
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-form--listing-search {
position: relative;
overflow: hidden;
border-color: rgba(231, 253, 135, 0.24);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.92), rgba(24, 39, 43, 0.98));
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search::before,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-form--listing-search::before {
content: "";
position: absolute;
inset: 0 0 auto;
height: 2px;
background: linear-gradient(90deg, var(--marnamic-lime), var(--marnamic-teal));
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page > .hp-row,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page > .hp-row {
align-items: flex-start;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page__sidebar {
position: sticky;
top: 112px;
}
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar .hp-widget,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page__sidebar .hp-widget {
border-color: rgba(161, 192, 195, 0.2);
background:
linear-gradient(180deg, rgba(24, 39, 43, 0.96), rgba(15, 25, 27, 0.9));
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__topbar,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page__topbar {
padding: 12px 14px;
background: rgba(24, 39, 43, 0.72);
border: 1px solid rgba(161, 192, 195, 0.16);
border-radius: var(--marnamic-radius);
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-result-count,
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-result-count {
display: inline-flex;
min-height: 36px;
align-items: center;
padding: 8px 12px;
color: var(--marnamic-mint);
background: rgba(15, 25, 27, 0.44);
border: 1px solid rgba(161, 192, 195, 0.16);
border-radius: var(--marnamic-radius);
font-size: 0.9rem;
font-weight: 600;
}
body.wp-child-theme-marnamic .hp-vendor__image,
body.wp-child-theme-marnamic .hp-listing__image,
body.wp-child-theme-marnamic .hp-listing-category__image {
display: grid;
place-items: center;
min-height: 168px;
padding: clamp(24px, 3vw, 34px) 26px 14px;
background: transparent;
border-bottom: 0;
}
body.wp-child-theme-marnamic .hp-vendor__image img,
body.wp-child-theme-marnamic .hp-listing__image img,
body.wp-child-theme-marnamic .hp-listing-category__image img {
display: block;
width: auto;
max-width: min(78%, 260px);
max-height: 148px;
object-fit: contain;
border-radius: calc(var(--marnamic-radius) - 2px);
background: rgba(241, 233, 221, 0.08);
border: 1px solid rgba(241, 233, 221, 0.12);
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-listing-category__image {
min-height: 238px;
padding: 14px;
}
body.wp-child-theme-marnamic .hp-listing-category__image a {
display: block;
width: 100%;
height: 100%;
min-height: 210px;
overflow: hidden;
border-radius: var(--marnamic-radius);
border: 1px solid rgba(231, 253, 135, 0.18);
background: rgba(15, 25, 27, 0.4);
}
body.wp-child-theme-marnamic .hp-listing-category__image a img {
width: 100%;
height: 100%;
max-width: none;
max-height: none;
aspect-ratio: 4 / 3;
object-fit: cover;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
transition: transform 0.24s ease;
}
body.wp-child-theme-marnamic .hp-listing-category--view-block:hover .hp-listing-category__image a img {
transform: scale(1.025);
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__image a {
display: flex;
align-items: center;
justify-content: center;
width: min(78%, 280px);
min-height: 128px;
padding: 18px;
background: var(--marnamic-logo-tile);
border: 1px solid rgba(231, 253, 135, 0.2);
border-radius: var(--marnamic-radius);
box-shadow: none;
overflow: hidden;
transition:
border-color 0.18s ease,
box-shadow 0.18s ease,
transform 0.18s ease;
}
body.wp-child-theme-marnamic .hp-vendor--view-block:hover .hp-vendor__image a {
border-color: rgba(231, 253, 135, 0.42);
box-shadow: none;
transform: translateY(-1px);
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__image a img {
width: 100%;
max-width: 100%;
max-height: 94px;
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary {
padding: clamp(18px, 3vw, 26px);
}
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__image {
min-height: auto;
padding: 0;
margin-bottom: 20px;
}
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__image img {
width: 100%;
max-width: 100%;
max-height: 120px;
padding: 18px;
object-fit: contain;
background: var(--marnamic-logo-tile);
border: 1px solid rgba(231, 253, 135, 0.2);
border-radius: var(--marnamic-radius);
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__name {
margin: 0 0 14px;
color: var(--marnamic-cream);
font-size: 1.35rem;
line-height: 1.22;
}
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__description {
margin-top: 18px;
color: var(--marnamic-text-muted);
line-height: 1.65;
}
body.wp-child-theme-marnamic .hp-vendor__content,
body.wp-child-theme-marnamic .hp-listing__content,
body.wp-child-theme-marnamic .hp-listing-category__content {
padding: 0 clamp(20px, 3vw, 30px) clamp(22px, 3vw, 30px);
}
body.wp-child-theme-marnamic .hp-vendor__footer,
body.wp-child-theme-marnamic .hp-listing__footer,
body.wp-child-theme-marnamic .hp-listing-category__footer {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 54px;
padding: 12px clamp(18px, 2.6vw, 26px);
background: rgba(15, 25, 27, 0.34);
border-top-color: rgba(231, 253, 135, 0.16);
}
body.wp-child-theme-marnamic .hp-vendor__footer:empty,
body.wp-child-theme-marnamic .hp-listing__footer:empty,
body.wp-child-theme-marnamic .hp-listing-category__footer:empty {
display: none;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__name {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 14px;
text-align: center;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__name a {
min-width: 0;
overflow-wrap: anywhere;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__content,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__content {
padding: 0 clamp(18px, 2.4vw, 24px) clamp(18px, 2.4vw, 24px);
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__footer,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__footer {
padding: 14px clamp(18px, 2.4vw, 24px);
background: rgba(15, 25, 27, 0.32);
border-top: 1px solid rgba(161, 192, 195, 0.14);
}
body.wp-child-theme-marnamic .hp-vendor__online-badge {
flex: 0 0 10px;
width: 10px;
height: 10px;
margin: 0;
background: rgba(161, 192, 195, 0.55);
border-radius: 999px;
box-shadow: 0 0 0 4px rgba(161, 192, 195, 0.1);
}
body.wp-child-theme-marnamic .hp-vendor__online-badge[title="Online"] {
background: var(--marnamic-lime);
box-shadow: 0 0 0 4px rgba(231, 253, 135, 0.14);
}
body.wp-child-theme-marnamic .hp-vendor__details,
body.wp-child-theme-marnamic .hp-listing__details {
display: grid;
gap: 9px;
}
body.wp-child-theme-marnamic .hp-vendor__location,
body.wp-child-theme-marnamic .hp-listing__location {
display: flex;
align-items: flex-start;
gap: 8px;
min-width: 0;
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .hp-vendor__location i,
body.wp-child-theme-marnamic .hp-listing__location i {
margin-top: 0.2em;
color: var(--marnamic-teal);
}
body.wp-child-theme-marnamic .hp-vendor__location a,
body.wp-child-theme-marnamic .hp-listing__location a {
min-width: 0;
color: var(--marnamic-text-muted);
overflow-wrap: anywhere;
}
body.wp-child-theme-marnamic .hp-vendor__location a:hover,
body.wp-child-theme-marnamic .hp-listing__location a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-vendor__registered-date,
body.wp-child-theme-marnamic .hp-listing__created-date {
display: block;
color: var(--marnamic-text-soft);
font-size: 0.76rem;
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
}
body.wp-child-theme-marnamic .hp-vendor__actions,
body.wp-child-theme-marnamic .hp-listing__actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.wp-child-theme-marnamic .hp-vendor__footer .hp-vendor__action,
body.wp-child-theme-marnamic .hp-listing__footer .hp-listing__action {
display: inline-flex;
min-width: 38px;
min-height: 38px;
align-items: center;
justify-content: center;
color: var(--marnamic-mint);
background: rgba(15, 25, 27, 0.54);
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .hp-vendor__footer .hp-vendor__action:hover,
body.wp-child-theme-marnamic .hp-listing__footer .hp-listing__action:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing--view-block h1,
body.wp-child-theme-marnamic .hp-listing--view-block h2,
body.wp-child-theme-marnamic .hp-listing--view-block h3,
body.wp-child-theme-marnamic .hp-listing--view-block h4,
body.wp-child-theme-marnamic .hp-listing--map-block h1,
body.wp-child-theme-marnamic .hp-listing--map-block h2,
body.wp-child-theme-marnamic .hp-listing--map-block h3,
body.wp-child-theme-marnamic .hp-listing--map-block h4,
body.wp-child-theme-marnamic .hp-listing--map-block h5,
body.wp-child-theme-marnamic .hp-vendor--view-block h1,
body.wp-child-theme-marnamic .hp-vendor--view-block h2,
body.wp-child-theme-marnamic .hp-vendor--view-block h3,
body.wp-child-theme-marnamic .hp-vendor--view-block h4,
body.wp-child-theme-marnamic .hp-vendor--map-block h1,
body.wp-child-theme-marnamic .hp-vendor--map-block h2,
body.wp-child-theme-marnamic .hp-vendor--map-block h3,
body.wp-child-theme-marnamic .hp-vendor--map-block h4,
body.wp-child-theme-marnamic .hp-vendor--map-block h5,
body.wp-child-theme-marnamic .hp-listing-category--view-block h1,
body.wp-child-theme-marnamic .hp-listing-category--view-block h2,
body.wp-child-theme-marnamic .hp-listing-category--view-block h3,
body.wp-child-theme-marnamic .hp-listing-category--view-block h4,
body.wp-child-theme-marnamic .hp-widget h1,
body.wp-child-theme-marnamic .hp-widget h2,
body.wp-child-theme-marnamic .hp-widget h3,
body.wp-child-theme-marnamic .hp-widget h4,
body.wp-child-theme-marnamic .widget--sidebar h1,
body.wp-child-theme-marnamic .widget--sidebar h2,
body.wp-child-theme-marnamic .widget--sidebar h3,
body.wp-child-theme-marnamic .widget--sidebar h4 {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-listing--view-block p,
body.wp-child-theme-marnamic .hp-listing--view-block li,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-meta,
body.wp-child-theme-marnamic .hp-listing__created-date,
body.wp-child-theme-marnamic .hp-listing__date,
body.wp-child-theme-marnamic .hp-vendor--view-block p,
body.wp-child-theme-marnamic .hp-vendor--view-block li,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-meta,
body.wp-child-theme-marnamic .hp-vendor__registered-date,
body.wp-child-theme-marnamic .hp-vendor__date,
body.wp-child-theme-marnamic .hp-listing-category--view-block p,
body.wp-child-theme-marnamic .hp-listing-category--view-block li,
body.wp-child-theme-marnamic .hp-listing-category--view-block .hp-meta,
body.wp-child-theme-marnamic .hp-widget p,
body.wp-child-theme-marnamic .hp-widget li,
body.wp-child-theme-marnamic .hp-widget .hp-meta,
body.wp-child-theme-marnamic .widget--sidebar p,
body.wp-child-theme-marnamic .widget--sidebar li,
body.wp-child-theme-marnamic .widget--sidebar .hp-meta {
color: rgba(241, 233, 221, 0.72);
}
body.wp-child-theme-marnamic .hp-listing__title a,
body.wp-child-theme-marnamic .hp-vendor__name a,
body.wp-child-theme-marnamic .hp-listing-category__name a {
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-weight: 400;
line-height: 1.2;
}
body.wp-child-theme-marnamic .hp-listing__title a:hover,
body.wp-child-theme-marnamic .hp-vendor__name a:hover,
body.wp-child-theme-marnamic .hp-listing-category__name a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing--map-block,
body.wp-child-theme-marnamic .hp-vendor--map-block {
min-width: 160px;
max-width: 280px;
padding: 14px;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-listing--map-block .hp-listing__title,
body.wp-child-theme-marnamic .hp-vendor--map-block .hp-vendor__name {
margin: 0;
}
body.wp-child-theme-marnamic .hp-listing--map-block .hp-listing__title a,
body.wp-child-theme-marnamic .hp-vendor--map-block .hp-vendor__name a {
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-size: 1rem;
font-weight: 400;
line-height: 1.25;
}
body.wp-child-theme-marnamic .hp-listing--map-block .hp-listing__title a:hover,
body.wp-child-theme-marnamic .hp-vendor--map-block .hp-vendor__name a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .marnamic-map-card {
min-width: 160px;
max-width: 280px;
padding: 14px;
color: var(--marnamic-cream);
font-family: var(--marnamic-font-body);
}
@media (max-width: 260px) {
body.wp-child-theme-marnamic .hp-listing--map-block,
body.wp-child-theme-marnamic .hp-vendor--map-block,
body.wp-child-theme-marnamic .marnamic-map-card {
min-width: 0;
max-width: calc(100vw - 80px);
}
}
body.wp-child-theme-marnamic .marnamic-map-card__badge {
display: inline-flex;
align-items: center;
min-height: 26px;
margin-bottom: 10px;
padding: 4px 9px;
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-radius: calc(var(--marnamic-radius) - 2px);
font-family: var(--marnamic-font-display);
font-size: 0.72rem;
font-weight: 600;
}
body.wp-child-theme-marnamic .marnamic-map-card--vendor .marnamic-map-card__badge {
color: var(--marnamic-cream);
background: var(--marnamic-dark);
border: 1px solid var(--marnamic-border);
}
body.wp-child-theme-marnamic .marnamic-map-card__title {
margin: 0 0 10px;
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-size: 1rem;
font-weight: 400;
line-height: 1.24;
}
body.wp-child-theme-marnamic .marnamic-map-card__location {
margin: 0 0 12px;
color: var(--marnamic-mint);
font-size: 0.88rem;
line-height: 1.45;
}
body.wp-child-theme-marnamic .marnamic-map-card__link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: var(--marnamic-compact-button-height);
padding: 0 14px;
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-radius: var(--marnamic-radius);
font-family: var(--marnamic-font-display);
font-weight: 600;
line-height: 1;
text-decoration: none;
transition:
background-color 0.16s ease,
color 0.16s ease;
}
body.wp-child-theme-marnamic .marnamic-map-card__link:hover,
body.wp-child-theme-marnamic .marnamic-map-card__link:focus-visible {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
}
body.wp-child-theme-marnamic .marnamic-map-card__link:focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.72);
outline-offset: 3px;
}
body.wp-child-theme-marnamic .hp-listing__categories a,
body.wp-child-theme-marnamic .hp-listing-category__item-count,
body.wp-child-theme-marnamic .post__categories a {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-radius: var(--marnamic-radius);
font-weight: 600;
}
body.wp-child-theme-marnamic .hp-listing__categories a:hover,
body.wp-child-theme-marnamic .post__categories a:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
}
body.wp-child-theme-marnamic .hp-listing__location,
body.wp-child-theme-marnamic .hp-vendor__location {
color: rgba(241, 233, 221, 0.72);
line-height: 1.45;
}
body.wp-child-theme-marnamic .hp-listing__location i,
body.wp-child-theme-marnamic .hp-vendor__location i {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing__location a,
body.wp-child-theme-marnamic .hp-vendor__location a {
color: rgba(241, 233, 221, 0.72);
}
body.wp-child-theme-marnamic .hp-listing__location a:hover,
body.wp-child-theme-marnamic .hp-vendor__location a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing__action,
body.wp-child-theme-marnamic .hp-vendor__action {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
min-height: 36px;
border: 1px solid rgba(231, 253, 135, 0.16);
border-radius: var(--marnamic-radius);
color: rgba(241, 233, 221, 0.72);
background: rgba(255, 255, 255, 0.04);
}
body.wp-child-theme-marnamic .hp-listing__action i,
body.wp-child-theme-marnamic .hp-vendor__action i {
color: currentColor;
}
body.wp-child-theme-marnamic .hp-listing__action:hover,
body.wp-child-theme-marnamic .hp-vendor__action:hover {
border-color: rgba(231, 253, 135, 0.5);
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.1);
}
body.wp-child-theme-marnamic .hp-listing__action--active,
body.wp-child-theme-marnamic .hp-vendor__action--active,
body.wp-child-theme-marnamic .hp-listing__action[data-state="active"],
body.wp-child-theme-marnamic .hp-vendor__action[data-state="active"] {
border-color: var(--marnamic-lime);
color: var(--marnamic-dark);
background: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .slick-prev,
body.wp-child-theme-marnamic .slick-next {
width: 40px;
height: 40px;
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border: 1px solid var(--marnamic-lime);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
z-index: 3;
}
body.wp-child-theme-marnamic .slick-prev:hover,
body.wp-child-theme-marnamic .slick-next:hover,
body.wp-child-theme-marnamic .slick-prev:focus,
body.wp-child-theme-marnamic .slick-next:focus {
color: var(--marnamic-dark);
background: var(--marnamic-lime-hover);
border-color: var(--marnamic-lime-hover);
}
body.wp-child-theme-marnamic .slick-prev::before,
body.wp-child-theme-marnamic .slick-next::before {
color: currentColor;
opacity: 1;
}
body.wp-child-theme-marnamic .hp-page__sidebar .hp-widget,
body.wp-child-theme-marnamic .site-sidebar .widget {
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.94), rgba(24, 39, 43, 0.98));
}
body.wp-child-theme-marnamic .hp-page__sidebar .hp-widget {
padding: 0;
}
body.wp-child-theme-marnamic .hp-page__sidebar .widget__title,
body.wp-child-theme-marnamic .hp-page__sidebar .hp-widget__title {
margin: 0;
padding: 18px 18px 0;
color: var(--marnamic-cream);
font-size: 1rem;
letter-spacing: 0;
}
body.wp-child-theme-marnamic .hp-form--vendor-filter,
body.wp-child-theme-marnamic .hp-form--listing-filter {
padding: 18px;
border: 0;
}
body.wp-child-theme-marnamic .hp-form--vendor-filter .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--listing-filter .hp-form__fields {
display: grid;
gap: 16px;
}
body.wp-child-theme-marnamic .hp-widget .hp-form__field,
body.wp-child-theme-marnamic .hp-widget .hp-field {
margin: 0;
}
body.wp-child-theme-marnamic .hp-widget .hp-field__label,
body.wp-child-theme-marnamic .hp-widget .hp-form__label {
color: var(--marnamic-text-soft);
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0;
}
body.wp-child-theme-marnamic .hp-widget input[type="text"],
body.wp-child-theme-marnamic .hp-widget input[type="search"],
body.wp-child-theme-marnamic .hp-widget input[type="number"],
body.wp-child-theme-marnamic .hp-widget select,
body.wp-child-theme-marnamic .hp-widget .hp-field--location,
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple {
min-height: var(--marnamic-control-height);
}
body.wp-child-theme-marnamic .hp-widget input[type="text"],
body.wp-child-theme-marnamic .hp-widget input[type="search"],
body.wp-child-theme-marnamic .hp-widget input[type="number"],
body.wp-child-theme-marnamic .hp-widget select,
body.wp-child-theme-marnamic .hp-widget textarea,
body.wp-child-theme-marnamic .hp-widget .hp-field--location {
color: var(--marnamic-cream) !important;
background-color: var(--marnamic-input-bg) !important;
border: 1px solid rgba(161, 192, 195, 0.26) !important;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-widget input[type="text"]:focus,
body.wp-child-theme-marnamic .hp-widget input[type="search"]:focus,
body.wp-child-theme-marnamic .hp-widget input[type="number"]:focus,
body.wp-child-theme-marnamic .hp-widget select:focus,
body.wp-child-theme-marnamic .hp-widget textarea:focus {
background-color: var(--marnamic-input-bg-focus) !important;
border-color: rgba(231, 253, 135, 0.58) !important;
box-shadow: 0 0 0 3px rgba(231, 253, 135, 0.16) !important;
}
body.wp-child-theme-marnamic .select2-container {
max-width: 100%;
}
body.wp-child-theme-marnamic .hp-widget .select2-container,
body.wp-child-theme-marnamic .hp-form--listing-search .select2-container,
body.wp-child-theme-marnamic .hp-form--vendor-search .select2-container {
width: 100% !important;
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: calc(var(--marnamic-control-height) - 2px);
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple .select2-selection__rendered {
min-height: 36px;
}
body.wp-child-theme-marnamic .hp-widget .hp-form__footer {
margin-top: 18px;
}
body.wp-child-theme-marnamic .hp-widget .hp-form__button,
body.wp-child-theme-marnamic .hp-form--vendor-filter .hp-form__button,
body.wp-child-theme-marnamic .hp-form--listing-filter .hp-form__button {
width: 100%;
min-height: var(--marnamic-button-height);
}
body.wp-child-theme-marnamic .hp-page__topbar,
body.wp-child-theme-marnamic .hp-menu--tabbed {
color: var(--marnamic-cream);
border-color: rgba(231, 253, 135, 0.18);
}
body.wp-child-theme-marnamic .hp-page__topbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 14px 20px;
margin-bottom: clamp(18px, 3vw, 28px);
}
body.wp-child-theme-marnamic .hp-page__topbar--separate {
padding: 14px 16px;
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.84), rgba(24, 39, 43, 0.92));
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .hp-form--listing-sort,
body.wp-child-theme-marnamic .hp-form--vendor-sort {
margin: 0;
color: var(--marnamic-cream);
background: transparent;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-form--listing-sort select,
body.wp-child-theme-marnamic .hp-form--vendor-sort select,
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single {
min-height: var(--marnamic-control-height);
border-color: rgba(161, 192, 195, 0.3);
}
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single .select2-selection__rendered,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: var(--marnamic-control-height);
}
body.wp-child-theme-marnamic .hp-menu--tabbed .hp-menu__item a {
color: rgba(241, 233, 221, 0.78);
}
body.wp-child-theme-marnamic .hp-menu--tabbed .hp-menu__item a:hover,
body.wp-child-theme-marnamic .hp-menu--tabbed .hp-menu__item--current a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing--view-page,
body.wp-child-theme-marnamic .hp-vendor--view-page {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-listing--view-page > .hp-page__content {
display: block;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__categories {
margin: 0 0 14px;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__title {
margin: 0 0 16px;
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-size: clamp(2.1rem, 4vw, 3.5rem);
font-weight: 400;
line-height: 1.08;
letter-spacing: 0;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__details {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
align-items: center;
margin-bottom: 20px;
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__details i {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__images {
margin: 20px 0;
padding: 12px;
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.88), rgba(24, 39, 43, 0.94));
border: 1px solid rgba(231, 253, 135, 0.18);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
overflow: hidden;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__images img {
display: block;
width: 100%;
max-height: 520px;
object-fit: cover;
background: rgba(15, 25, 27, 0.5);
border-radius: calc(var(--marnamic-radius) - 2px);
}
body.wp-child-theme-marnamic .hp-listing--view-page,
body.wp-child-theme-marnamic .hp-vendor--view-page,
body.wp-child-theme-marnamic .hp-listing__attributes,
body.wp-child-theme-marnamic .hp-vendor__attributes,
body.wp-child-theme-marnamic .hp-listing__description,
body.wp-child-theme-marnamic .hp-vendor__description,
body.wp-child-theme-marnamic .hp-reviews,
body.wp-child-theme-marnamic .hp-review,
body.wp-child-theme-marnamic .comment,
body.wp-child-theme-marnamic .post--view-page {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-listing__attributes,
body.wp-child-theme-marnamic .hp-vendor__attributes,
body.wp-child-theme-marnamic .hp-reviews,
body.wp-child-theme-marnamic .hp-review,
body.wp-child-theme-marnamic .comment,
body.wp-child-theme-marnamic .post--view-page {
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.88), rgba(24, 39, 43, 0.94));
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .hp-listing__attributes,
body.wp-child-theme-marnamic .hp-vendor__attributes {
padding: clamp(16px, 2.4vw, 24px);
}
body.wp-child-theme-marnamic .hp-listing__attribute,
body.wp-child-theme-marnamic .hp-vendor__attribute {
color: var(--marnamic-text-muted);
border-color: rgba(231, 253, 135, 0.14);
}
body.wp-child-theme-marnamic .hp-listing__attribute strong,
body.wp-child-theme-marnamic .hp-vendor__attribute strong,
body.wp-child-theme-marnamic .hp-listing__attribute a,
body.wp-child-theme-marnamic .hp-vendor__attribute a {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-listing__actions,
body.wp-child-theme-marnamic .hp-vendor__actions,
body.wp-child-theme-marnamic .hp-listing__actions--primary,
body.wp-child-theme-marnamic .hp-vendor__actions--primary {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget,
body.wp-child-theme-marnamic .hp-vendor__actions.hp-widget,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget,
body.wp-child-theme-marnamic .hp-vendor__actions--primary.hp-widget {
align-items: stretch;
padding: 14px;
}
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget .button,
body.wp-child-theme-marnamic .hp-vendor__actions.hp-widget .button,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget .button,
body.wp-child-theme-marnamic .hp-vendor__actions--primary.hp-widget .button {
width: 100%;
}
body.wp-child-theme-marnamic .hp-listing__actions--secondary .hp-listing__action,
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget .hp-listing__action.hp-link,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget .hp-listing__action.hp-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 42px;
padding: 9px 12px;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.52);
border: 1px solid rgba(161, 192, 195, 0.2);
border-radius: var(--marnamic-radius);
font-weight: 600;
text-decoration: none;
}
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget .hp-listing__action.hp-link,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget .hp-listing__action.hp-link {
width: 100%;
}
body.wp-child-theme-marnamic .hp-listing__actions--secondary .hp-listing__action:hover,
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget .hp-listing__action.hp-link:hover,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget .hp-listing__action.hp-link:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-listing__actions--secondary .hp-listing__action i,
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget .hp-listing__action.hp-link i,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget .hp-listing__action.hp-link i {
color: currentColor;
}
body.wp-child-theme-marnamic .hp-rating,
body.wp-child-theme-marnamic .hp-review__rating {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-rating {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 26px;
padding: 3px 8px;
background: rgba(231, 253, 135, 0.08);
border: 1px solid rgba(231, 253, 135, 0.18);
border-radius: calc(var(--marnamic-radius) - 2px);
}
body.wp-child-theme-marnamic .hp-rating__stars,
body.wp-child-theme-marnamic .hp-rating-stars {
color: var(--marnamic-lime);
line-height: 1;
}
body.wp-child-theme-marnamic .hp-rating__details {
display: inline-flex;
align-items: baseline;
gap: 4px;
color: var(--marnamic-text-muted);
font-size: 0.8rem;
font-weight: 600;
}
body.wp-child-theme-marnamic .hp-rating__value {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-rating__count {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic .hp-review,
body.wp-child-theme-marnamic .comment {
padding: clamp(16px, 2.4vw, 24px);
}
body.wp-child-theme-marnamic .hp-review__author,
body.wp-child-theme-marnamic .comment__author,
body.wp-child-theme-marnamic .comment__author a {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-review__date,
body.wp-child-theme-marnamic .comment__date,
body.wp-child-theme-marnamic .comment__details {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__description,
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__description {
color: rgba(241, 233, 221, 0.86);
line-height: 1.68;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__description {
margin: 20px 0 0;
padding: clamp(18px, 3vw, 26px);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.88), rgba(24, 39, 43, 0.94));
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__description p:first-child {
margin-top: 0;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__description p:last-child {
margin-bottom: 0;
}
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__description a,
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__description a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .pagination .nav-links > a,
body.wp-child-theme-marnamic .pagination .nav-links > span,
body.wp-child-theme-marnamic .pagination > a,
body.wp-child-theme-marnamic .pagination > span,
body.wp-child-theme-marnamic .hp-pagination a,
body.wp-child-theme-marnamic .hp-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
margin: 0 3px;
padding: 8px 12px;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.62);
border: 1px solid rgba(231, 253, 135, 0.16);
border-radius: var(--marnamic-radius);
font-weight: 600;
text-decoration: none;
}
body.wp-child-theme-marnamic .pagination .nav-links > a:hover,
body.wp-child-theme-marnamic .pagination > a:hover,
body.wp-child-theme-marnamic .pagination .current,
body.wp-child-theme-marnamic .hp-pagination a:hover,
body.wp-child-theme-marnamic .hp-pagination .current {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .pagination .dots,
body.wp-child-theme-marnamic .hp-pagination .dots {
color: var(--marnamic-text-soft);
background: transparent;
border-color: transparent;
}
body.wp-child-theme-marnamic .hp-message:not(.hp-message--thread-block):not(.hp-message--view-block),
body.wp-child-theme-marnamic .hp-notice,
body.wp-child-theme-marnamic .woocommerce-message,
body.wp-child-theme-marnamic .woocommerce-info,
body.wp-child-theme-marnamic .woocommerce-error {
color: var(--marnamic-cream);
background: rgba(32, 51, 55, 0.94);
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .hp-message:not(.hp-message--thread-block):not(.hp-message--view-block) a,
body.wp-child-theme-marnamic .hp-notice a,
body.wp-child-theme-marnamic .woocommerce-message a,
body.wp-child-theme-marnamic .woocommerce-info a,
body.wp-child-theme-marnamic .woocommerce-error a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-breadcrumbs,
body.wp-child-theme-marnamic .woocommerce-breadcrumb {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic .hp-breadcrumbs a,
body.wp-child-theme-marnamic .woocommerce-breadcrumb a {
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .hp-breadcrumbs a:hover,
body.wp-child-theme-marnamic .woocommerce-breadcrumb a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic table,
body.wp-child-theme-marnamic .wp-block-table table {
color: var(--marnamic-cream);
background: rgba(32, 51, 55, 0.78);
border-color: var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
overflow: hidden;
}
body.wp-child-theme-marnamic th,
body.wp-child-theme-marnamic td {
border-color: rgba(231, 253, 135, 0.14);
}
body.wp-child-theme-marnamic th {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.34);
}
body.wp-child-theme-marnamic .woocommerce,
body.wp-child-theme-marnamic .woocommerce-page {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .woocommerce form.checkout,
body.wp-child-theme-marnamic .woocommerce form.login,
body.wp-child-theme-marnamic .woocommerce form.register,
body.wp-child-theme-marnamic .woocommerce form.checkout_coupon,
body.wp-child-theme-marnamic .woocommerce-cart-form,
body.wp-child-theme-marnamic .woocommerce-checkout-review-order,
body.wp-child-theme-marnamic .woocommerce-MyAccount-navigation,
body.wp-child-theme-marnamic .woocommerce-MyAccount-content,
body.wp-child-theme-marnamic .woocommerce-order,
body.wp-child-theme-marnamic .woocommerce-customer-details,
body.wp-child-theme-marnamic .woocommerce-Address,
body.wp-child-theme-marnamic .hp-user-listing-packages {
color: var(--marnamic-cream);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.9), rgba(24, 39, 43, 0.96));
border: 1px solid var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .woocommerce form.checkout,
body.wp-child-theme-marnamic .woocommerce form.login,
body.wp-child-theme-marnamic .woocommerce form.register,
body.wp-child-theme-marnamic .woocommerce form.checkout_coupon,
body.wp-child-theme-marnamic .woocommerce-cart-form,
body.wp-child-theme-marnamic .woocommerce-checkout-review-order,
body.wp-child-theme-marnamic .woocommerce-MyAccount-content,
body.wp-child-theme-marnamic .woocommerce-order,
body.wp-child-theme-marnamic .woocommerce-customer-details,
body.wp-child-theme-marnamic .woocommerce-Address {
padding: clamp(16px, 2.4vw, 24px);
}
body.wp-child-theme-marnamic .woocommerce table.shop_table,
body.wp-child-theme-marnamic .woocommerce table.my_account_orders {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.42);
border-color: var(--marnamic-border-soft);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .woocommerce table.shop_table th,
body.wp-child-theme-marnamic .woocommerce table.shop_table td,
body.wp-child-theme-marnamic .woocommerce table.my_account_orders th,
body.wp-child-theme-marnamic .woocommerce table.my_account_orders td {
color: var(--marnamic-text-muted);
border-color: rgba(231, 253, 135, 0.12);
}
body.wp-child-theme-marnamic .woocommerce table.shop_table th,
body.wp-child-theme-marnamic .woocommerce table.my_account_orders th {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.42);
}
body.wp-child-theme-marnamic .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 8px;
list-style: none;
}
body.wp-child-theme-marnamic .woocommerce-MyAccount-navigation li {
margin: 0;
}
body.wp-child-theme-marnamic .woocommerce-MyAccount-navigation li a {
display: flex;
min-height: 42px;
align-items: center;
padding: 8px 12px;
color: var(--marnamic-text-muted);
border-radius: calc(var(--marnamic-radius) - 2px);
}
body.wp-child-theme-marnamic .woocommerce-MyAccount-navigation li.is-active a,
body.wp-child-theme-marnamic .woocommerce-MyAccount-navigation li a:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .woocommerce a,
body.wp-child-theme-marnamic .woocommerce-page a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .woocommerce .quantity .qty {
min-height: 44px;
}
body.wp-child-theme-marnamic .woocommerce .col2-set .col-1,
body.wp-child-theme-marnamic .woocommerce .col2-set .col-2 {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic #combined-map-wrapper,
body.wp-child-theme-marnamic .combined-map-wrapper {
overflow: hidden;
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.92), rgba(15, 25, 27, 0.98));
border: 1px solid rgba(231, 253, 135, 0.18);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic #combined-map,
body.wp-child-theme-marnamic .combined-map {
background: var(--marnamic-dark);
border-radius: var(--marnamic-radius) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-loading {
color: var(--marnamic-cream) !important;
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.98), rgba(15, 25, 27, 0.98)) !important;
border: 1px solid rgba(231, 253, 135, 0.22);
border-radius: var(--marnamic-radius) !important;
box-shadow: var(--marnamic-shadow-soft) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-loading-spinner {
border-color: rgba(161, 192, 195, 0.24) !important;
border-top-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-loading-text {
color: var(--marnamic-mint) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-controls {
gap: 8px;
padding: 8px;
background: rgba(15, 25, 27, 0.72);
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.72);
border: 1px solid rgba(161, 192, 195, 0.24);
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn:hover,
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn.active {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .combined-map-wrapper .cluster {
color: var(--marnamic-dark) !important;
background-color: transparent !important;
border-color: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 600 !important;
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c {
color: var(--marnamic-cream);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.98), rgba(24, 39, 43, 1));
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-d {
overflow: auto !important;
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c h1[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c h2[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c h3[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c h4[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c h5[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c h6[style] {
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c p[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c span[style],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c div[style*="font-size"] {
color: var(--marnamic-mint) !important;
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c div[style*="linear-gradient"],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c span[style*="linear-gradient"],
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c [style*="#05717C"] {
color: var(--marnamic-cream) !important;
background: var(--marnamic-teal-dark) !important;
border: 1px solid rgba(241, 233, 221, 0.16);
border-radius: var(--marnamic-radius) !important;
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-c a[style] {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-radius: var(--marnamic-radius) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .gm-style .gm-style-iw-tc::after {
background: var(--marnamic-panel);
}
body.wp-child-theme-marnamic .gm-style .gm-ui-hover-effect {
opacity: 0.86;
filter: invert(1);
}
body.wp-child-theme-marnamic .fancybox-bg {
background: rgba(15, 25, 27, 0.86);
}
body.wp-child-theme-marnamic .fancybox-is-open .fancybox-bg {
opacity: 1;
}
body.wp-child-theme-marnamic .fancybox-slide--html {
padding: clamp(16px, 4vw, 44px);
}
body.wp-child-theme-marnamic .fancybox-content {
color: var(--marnamic-cream);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.98), rgba(24, 39, 43, 1));
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: 0 28px 90px rgba(0, 0, 0, 0.44);
}
body.wp-child-theme-marnamic .fancybox-close-small {
color: var(--marnamic-cream);
background: rgba(255, 255, 255, 0.06);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .fancybox-close-small:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-modal {
color: var(--marnamic-cream);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.98), rgba(24, 39, 43, 1));
border: 1px solid var(--marnamic-border);
border-radius: var(--marnamic-radius);
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
}
body.wp-child-theme-marnamic .hp-modal,
body.wp-child-theme-marnamic .hp-modal .hp-form {
max-width: min(100%, 440px);
}
body.wp-child-theme-marnamic .hp-modal .hp-form,
body.wp-child-theme-marnamic .hp-form--user-login,
body.wp-child-theme-marnamic .hp-form--user-register,
body.wp-child-theme-marnamic .hp-form--user-password-request,
body.wp-child-theme-marnamic .hp-form--listing-claim,
body.wp-child-theme-marnamic .hp-form--listing-claim-submit,
body.wp-child-theme-marnamic .hp-form--message-send {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic.hp-template--user-login-page .hp-page__content,
body.wp-child-theme-marnamic .hp-template--user-login-page .hp-page__content {
max-width: 460px;
margin-inline: auto;
}
body.wp-child-theme-marnamic.hp-template--user-login-page .hp-page__title,
body.wp-child-theme-marnamic .hp-template--user-login-page .hp-page__title {
margin-bottom: 18px;
text-align: center;
}
body.wp-child-theme-marnamic.hp-template--user-login-page .hp-form--user-login,
body.wp-child-theme-marnamic .hp-template--user-login-page .hp-form--user-login {
padding: clamp(20px, 4vw, 28px);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.96), rgba(24, 39, 43, 0.98));
border: 1px solid rgba(231, 253, 135, 0.2);
border-radius: var(--marnamic-radius);
box-shadow: var(--marnamic-shadow);
}
body.wp-child-theme-marnamic .hp-modal .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--user-login .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--user-register .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--user-password-request .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--listing-claim .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--listing-claim-submit .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--message-send .hp-form__fields {
display: grid;
gap: 14px;
}
body.wp-child-theme-marnamic .hp-modal .hp-form__field,
body.wp-child-theme-marnamic .hp-form--user-login .hp-form__field,
body.wp-child-theme-marnamic .hp-form--user-register .hp-form__field,
body.wp-child-theme-marnamic .hp-form--user-password-request .hp-form__field,
body.wp-child-theme-marnamic .hp-form--listing-claim .hp-form__field,
body.wp-child-theme-marnamic .hp-form--listing-claim-submit .hp-form__field,
body.wp-child-theme-marnamic .hp-form--message-send .hp-form__field {
margin: 0;
}
body.wp-child-theme-marnamic .hp-modal .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--user-login .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--user-register .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--user-password-request .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--listing-claim .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--listing-claim-submit .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--message-send .hp-form__footer {
display: grid;
gap: 12px;
margin-top: 18px;
}
body.wp-child-theme-marnamic .hp-modal .hp-form__button,
body.wp-child-theme-marnamic .hp-form--user-login .hp-form__button,
body.wp-child-theme-marnamic .hp-form--user-register .hp-form__button,
body.wp-child-theme-marnamic .hp-form--user-password-request .hp-form__button,
body.wp-child-theme-marnamic .hp-form--listing-claim .hp-form__button,
body.wp-child-theme-marnamic .hp-form--listing-claim-submit .hp-form__button,
body.wp-child-theme-marnamic .hp-form--message-send .hp-form__button {
width: 100%;
min-height: var(--marnamic-button-height);
}
body.wp-child-theme-marnamic .hp-form--user-register .hp-form__field--checkbox,
body.wp-child-theme-marnamic .hp-modal .hp-form__field--checkbox {
padding: 12px;
color: var(--marnamic-text-muted);
background: rgba(15, 25, 27, 0.42);
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
}
body.wp-child-theme-marnamic .hp-form--user-register .hp-form__field--checkbox a,
body.wp-child-theme-marnamic .hp-modal .hp-form__field--checkbox a {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .hp-field--captcha,
body.wp-child-theme-marnamic .g-recaptcha {
max-width: 100%;
padding: 10px;
background: rgba(15, 25, 27, 0.42);
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius);
overflow: hidden;
}
body.wp-child-theme-marnamic .hp-modal__title,
body.wp-child-theme-marnamic .hp-form__header {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-modal h1,
body.wp-child-theme-marnamic .hp-modal h2,
body.wp-child-theme-marnamic .hp-modal h3,
body.wp-child-theme-marnamic .hp-modal h4 {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-modal p,
body.wp-child-theme-marnamic .hp-modal li {
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .hp-widget .hp-modal--mobile,
body.wp-child-theme-marnamic .hp-widget .hp-form,
body.wp-child-theme-marnamic .hp-form--vendor-filter,
body.wp-child-theme-marnamic .hp-form--listing-filter {
color: var(--marnamic-cream);
background: transparent;
box-shadow: none;
}
body.wp-child-theme-marnamic .hp-widget .hp-modal:not(.hp-modal--mobile) {
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.98), rgba(24, 39, 43, 1));
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
}
body.wp-child-theme-marnamic .hp-widget .hp-modal h1,
body.wp-child-theme-marnamic .hp-widget .hp-modal h2,
body.wp-child-theme-marnamic .hp-widget .hp-modal h3,
body.wp-child-theme-marnamic .hp-widget .hp-modal h4,
body.wp-child-theme-marnamic .hp-widget .hp-modal p,
body.wp-child-theme-marnamic .hp-widget .hp-modal li,
body.wp-child-theme-marnamic .hp-widget .hp-field input[type="checkbox"] + span,
body.wp-child-theme-marnamic .hp-widget .hp-field input[type="radio"] + span {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .hp-widget .hp-field__label,
body.wp-child-theme-marnamic .hp-widget .hp-form__label {
color: var(--marnamic-text-soft);
}
body.wp-child-theme-marnamic .site-footer {
color: rgba(241, 233, 221, 0.78);
background: var(--marnamic-dark-deep);
border-top: 1px solid rgba(231, 253, 135, 0.18);
}
body.wp-child-theme-marnamic .site-footer a,
body.wp-child-theme-marnamic .footer-navbar__menu a,
body.wp-child-theme-marnamic .widget--footer a {
color: rgba(241, 233, 221, 0.78);
}
body.wp-child-theme-marnamic .footer-widgets {
padding-block: clamp(26px, 4vw, 44px);
border-bottom: 1px solid rgba(161, 192, 195, 0.12);
}
body.wp-child-theme-marnamic .widget--footer ul,
body.wp-child-theme-marnamic .footer-navbar__menu ul {
margin: 0;
padding: 0;
list-style: none;
}
body.wp-child-theme-marnamic .widget--footer li,
body.wp-child-theme-marnamic .footer-navbar__menu li {
margin: 0 0 8px;
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .widget--footer img {
max-width: min(220px, 100%);
height: auto;
}
body.wp-child-theme-marnamic .site-footer a:hover,
body.wp-child-theme-marnamic .footer-navbar__menu a:hover,
body.wp-child-theme-marnamic .widget--footer a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .widget--footer .widget__title {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .marnamic-grid-section,
body.wp-child-theme-marnamic .marnamic-grid-wrapper,
body.wp-child-theme-marnamic .marnamic-static-cards-grid,
body.wp-child-theme-marnamic .marnamic-matching-section,
body.wp-child-theme-marnamic .marnamic-matching-section-2 {
color: var(--marnamic-cream);
}
body.wp-child-theme-marnamic .marnamic-matching-section,
body.wp-child-theme-marnamic .marnamic-matching-section-2 {
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.92), rgba(15, 25, 27, 0.98)) !important;
border: 1px solid rgba(231, 253, 135, 0.18);
border-radius: var(--marnamic-radius) !important;
box-shadow: var(--marnamic-shadow);
}
body.wp-child-theme-marnamic .marnamic-card-link,
body.wp-child-theme-marnamic .marnamic-static-card,
body.wp-child-theme-marnamic .marnamic-partner-card,
body.wp-child-theme-marnamic .marnamic-filter-card,
body.wp-child-theme-marnamic .marnamic-info-box {
color: var(--marnamic-cream) !important;
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.96), rgba(24, 39, 43, 0.98)) !important;
border: 1px solid rgba(231, 253, 135, 0.18);
border-radius: var(--marnamic-radius) !important;
box-shadow: var(--marnamic-shadow-soft);
}
body.wp-child-theme-marnamic .marnamic-card-link:hover,
body.wp-child-theme-marnamic .marnamic-static-card:hover {
background:
linear-gradient(180deg, rgba(36, 56, 60, 0.98), rgba(27, 42, 46, 0.98)) !important;
border-color: rgba(231, 253, 135, 0.42);
box-shadow: var(--marnamic-shadow);
}
body.wp-child-theme-marnamic .marnamic-card-link .marnamic-heading,
body.wp-child-theme-marnamic .marnamic-static-card .marnamic-heading,
body.wp-child-theme-marnamic .marnamic-matching-info .marnamic-info-heading,
body.wp-child-theme-marnamic .marnamic-matching-info-2 .marnamic-info-heading,
body.wp-child-theme-marnamic .marnamic-partner-name {
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic .marnamic-card-link .marnamic-text,
body.wp-child-theme-marnamic .marnamic-static-card .marnamic-text,
body.wp-child-theme-marnamic .marnamic-info-box .marnamic-info-text,
body.wp-child-theme-marnamic .marnamic-matching-info .marnamic-info-description,
body.wp-child-theme-marnamic .marnamic-matching-info-2 .marnamic-info-description,
body.wp-child-theme-marnamic .marnamic-matching-info .marnamic-feature-item .marnamic-feature-text,
body.wp-child-theme-marnamic .marnamic-matching-info-2 .marnamic-feature-item .marnamic-feature-text,
body.wp-child-theme-marnamic .marnamic-partner-spec {
color: var(--marnamic-text-muted) !important;
}
body.wp-child-theme-marnamic .marnamic-card-link .marnamic-cta,
body.wp-child-theme-marnamic .marnamic-static-card .marnamic-cta,
body.wp-child-theme-marnamic .marnamic-filter-step,
body.wp-child-theme-marnamic .marnamic-filter-question,
body.wp-child-theme-marnamic .marnamic-filter-label,
body.wp-child-theme-marnamic .marnamic-partner-cta-label,
body.wp-child-theme-marnamic .marnamic-matching-info .marnamic-feature-item .marnamic-feature-text strong,
body.wp-child-theme-marnamic .marnamic-matching-info-2 .marnamic-feature-item .marnamic-feature-text strong {
color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .marnamic-feature-icon svg,
body.wp-child-theme-marnamic .marnamic-info-box svg {
fill: var(--marnamic-lime) !important;
color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .marnamic-partner-item {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.58) !important;
border: 1px solid rgba(161, 192, 195, 0.18);
border-radius: var(--marnamic-radius) !important;
}
body.wp-child-theme-marnamic .marnamic-partner-item.marnamic-partner-highlighted {
background: rgba(231, 253, 135, 0.12) !important;
border-color: rgba(231, 253, 135, 0.36);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}
body.wp-child-theme-marnamic .marnamic-partner-location,
body.wp-child-theme-marnamic .marnamic-range-labels {
color: var(--marnamic-mint) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-card::before {
background: rgba(161, 192, 195, 0.18) !important;
}
body.wp-child-theme-marnamic .marnamic-pill,
body.wp-child-theme-marnamic .marnamic-radius-input {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.6) !important;
border: 1px solid rgba(161, 192, 195, 0.24) !important;
border-radius: var(--marnamic-radius) !important;
}
body.wp-child-theme-marnamic .marnamic-radius-input span {
color: var(--marnamic-mint) !important;
}
body.wp-child-theme-marnamic .marnamic-pill:hover,
body.wp-child-theme-marnamic .marnamic-pill.marnamic-pill-active {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .marnamic-range-slider {
accent-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .marnamic-range-slider::-webkit-slider-thumb {
background: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .marnamic-range-slider::-moz-range-thumb {
background: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .marnamic-partner-btn,
body.wp-child-theme-marnamic .marnamic-partner-cta-btn,
body.wp-child-theme-marnamic .marnamic-cta-button,
body.wp-child-theme-marnamic .marnamic-matching-info-2 .marnamic-cta-button {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border: 1px solid var(--marnamic-lime) !important;
border-radius: var(--marnamic-radius) !important;
}
body.wp-child-theme-marnamic .marnamic-partner-btn:hover,
body.wp-child-theme-marnamic .marnamic-partner-cta-btn:hover,
body.wp-child-theme-marnamic .marnamic-cta-button:hover,
body.wp-child-theme-marnamic .marnamic-matching-info-2 .marnamic-cta-button:hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic .glossary-link {
color: var(--marnamic-lime);
text-decoration-color: var(--marnamic-teal);
} body.wp-child-theme-marnamic .glossary-tooltip::before,
body.wp-child-theme-marnamic .glossary-tooltip::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .glossary-tooltip > .gtt-tooltip {
color: var(--marnamic-ui-text, var(--marnamic-cream)) !important;
background: var(--marnamic-ui-bg-deep, var(--marnamic-panel-soft)) !important;
border-color: var(--marnamic-ui-border, rgba(231, 253, 135, 0.28)) !important;
border-radius: var(--marnamic-ui-radius-md, var(--marnamic-radius)) !important;
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32) !important;
font-family: var(--marnamic-font-body, Quicksand, Helvetica, Arial, sans-serif) !important;
}
body.wp-child-theme-marnamic .glossary-tooltip > .gtt-tooltip::after,
body.wp-child-theme-marnamic .glossary-tooltip.gtt-top > .gtt-tooltip::after {
border-top-color: var(--marnamic-ui-bg-deep, var(--marnamic-panel-soft)) !important;
filter:
drop-shadow(1px 1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28)))
drop-shadow(-1px 1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28))) !important;
}
body.wp-child-theme-marnamic .glossary-tooltip.gtt-bottom > .gtt-tooltip::after {
border-top-color: transparent !important;
border-bottom-color: var(--marnamic-ui-bg-deep, var(--marnamic-panel-soft)) !important;
filter:
drop-shadow(1px -1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28)))
drop-shadow(-1px -1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28))) !important;
}
body.wp-child-theme-marnamic .glossary-tooltip.gtt-left > .gtt-tooltip::after {
border-top-color: transparent !important;
border-left-color: var(--marnamic-ui-bg-deep, var(--marnamic-panel-soft)) !important;
filter:
drop-shadow(1px 1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28)))
drop-shadow(1px -1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28))) !important;
}
body.wp-child-theme-marnamic .glossary-tooltip.gtt-right > .gtt-tooltip::after {
border-top-color: transparent !important;
border-right-color: var(--marnamic-ui-bg-deep, var(--marnamic-panel-soft)) !important;
filter:
drop-shadow(-1px 1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28)))
drop-shadow(-1px -1px 0 var(--marnamic-ui-border, rgba(231, 253, 135, 0.28))) !important;
}
body.wp-child-theme-marnamic .fancybox-button {
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.88);
}
body.wp-child-theme-marnamic .fancybox-button:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
} body.wp-child-theme-marnamic :is(
.site-main > article,
.page,
.post,
.entry,
.entry-content,
.page__content,
.post__content,
.hp-section,
.hp-page__footer,
.wp-block-group,
.wp-block-columns,
.wp-block-column,
.wp-block-media-text,
.wp-block-cover,
.wp-block-query,
.wp-block-post,
.wp-block-latest-posts,
.wp-block-categories,
.wp-block-archives
) {
color: var(--marnamic-cream);
background: transparent;
}
body.wp-child-theme-marnamic :is(
.has-white-background-color,
.has-very-light-gray-background-color,
.has-cyan-bluish-gray-background-color,
.has-pale-cyan-blue-background-color,
.has-light-green-cyan-background-color,
.has-vivid-cyan-blue-to-vivid-purple-gradient-background,
.has-light-green-cyan-to-vivid-green-cyan-gradient-background,
.has-very-light-gray-to-cyan-bluish-gray-gradient-background
):not(input):not(textarea):not(select):not(button):not(.button):not(.hp-button):not(.wp-block-button__link) {
color: var(--marnamic-cream) !important;
background: rgba(24, 39, 43, 0.72) !important;
background-image: none !important;
border-color: rgba(161, 192, 195, 0.2) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic :is(
.has-black-color,
.has-very-dark-gray-color,
.has-cyan-bluish-gray-color
) {
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic :is(
.wp-block-search,
.search-form,
.widget_search form,
.comment-respond,
.comments-area,
.hp-menu--user-account,
.hp-menu--listing-manage,
.hp-menu--vendor-manage,
.hp-menu--profile-manage,
.hp-user-listing-packages,
.hp-form--listing-submit,
.hp-form--listing-update,
.hp-form--vendor-update,
.hp-form--user-update,
.hp-form--profile-update,
.hp-form--review-submit,
.hp-form--message-thread,
.hp-form--booking-make,
.hp-form--request-submit,
.hp-modal--mobile .hp-modal__content,
.tooltipster-box
) {
color: var(--marnamic-cream) !important;
background: rgba(24, 39, 43, 0.72) !important;
border: 1px solid rgba(161, 192, 195, 0.2) !important;
border-radius: var(--marnamic-radius) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-menu--user-account,
body.wp-child-theme-marnamic .hp-menu--listing-manage,
body.wp-child-theme-marnamic .hp-menu--vendor-manage,
body.wp-child-theme-marnamic .hp-menu--profile-manage {
padding: 8px !important;
}
body.wp-child-theme-marnamic .hp-menu--user-account .hp-menu__item,
body.wp-child-theme-marnamic .hp-menu--listing-manage .hp-menu__item,
body.wp-child-theme-marnamic .hp-menu--vendor-manage .hp-menu__item,
body.wp-child-theme-marnamic .hp-menu--profile-manage .hp-menu__item {
margin: 0 !important;
}
body.wp-child-theme-marnamic .hp-menu--user-account .hp-menu__item > a,
body.wp-child-theme-marnamic .hp-menu--listing-manage .hp-menu__item > a,
body.wp-child-theme-marnamic .hp-menu--vendor-manage .hp-menu__item > a,
body.wp-child-theme-marnamic .hp-menu--profile-manage .hp-menu__item > a {
display: flex !important;
min-height: 42px;
align-items: center;
gap: 8px;
padding: 9px 12px !important;
color: rgba(241, 233, 221, 0.72) !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
}
body.wp-child-theme-marnamic .hp-menu--user-account .hp-menu__item--current > a,
body.wp-child-theme-marnamic .hp-menu--listing-manage .hp-menu__item--current > a,
body.wp-child-theme-marnamic .hp-menu--vendor-manage .hp-menu__item--current > a,
body.wp-child-theme-marnamic .hp-menu--profile-manage .hp-menu__item--current > a,
body.wp-child-theme-marnamic .hp-menu--user-account .hp-menu__item > a:hover,
body.wp-child-theme-marnamic .hp-menu--listing-manage .hp-menu__item > a:hover,
body.wp-child-theme-marnamic .hp-menu--vendor-manage .hp-menu__item > a:hover,
body.wp-child-theme-marnamic .hp-menu--profile-manage .hp-menu__item > a:hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic :is(.hp-form__field--attachment-upload, .hp-form__field--image-upload, .hp-form__field--file, .hp-field--attachment-upload, .hp-field--image-upload, .hp-field--file, input[type="file"]) {
color: rgba(241, 233, 221, 0.72) !important;
}
body.wp-child-theme-marnamic input[type="file"]::file-selector-button,
body.wp-child-theme-marnamic .hp-field--attachment-upload .hp-field__button,
body.wp-child-theme-marnamic .hp-field--image-upload .hp-field__button,
body.wp-child-theme-marnamic .hp-field--file .hp-field__button {
min-height: 40px;
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border: 1px solid var(--marnamic-lime) !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic .hp-form__messages ul,
body.wp-child-theme-marnamic .hp-message ul,
body.wp-child-theme-marnamic .hp-notice ul,
body.wp-child-theme-marnamic .woocommerce-error,
body.wp-child-theme-marnamic .woocommerce-message,
body.wp-child-theme-marnamic .woocommerce-info {
margin: 0 !important;
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic :is(.hp-field__error, .hp-form__error, .woocommerce-error) {
color: var(--marnamic-danger) !important;
}
body.wp-child-theme-marnamic :is(.hp-field--error input, .hp-field--error textarea, .hp-field--error select, .hp-field--error .select2-selection) {
border-color: rgba(255, 123, 123, 0.7) !important;
box-shadow: 0 0 0 2px rgba(255, 123, 123, 0.14) !important;
}
body.wp-child-theme-marnamic :is(.hp-modal__close, .hp-modal--mobile .hp-modal__close, .fancybox-button) {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.82) !important;
border: 1px solid rgba(161, 192, 195, 0.22) !important;
border-radius: var(--marnamic-radius) !important;
}
body.wp-child-theme-marnamic :is(.hp-modal__close, .hp-modal--mobile .hp-modal__close, .fancybox-button):hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic :is(.wp-block-file a:not(.wp-block-file__button), .comment-metadata a, .logged-in-as a) {
color: var(--marnamic-lime) !important;
} body.wp-child-theme-marnamic {
--marnamic-radius: 8px;
--marnamic-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
--marnamic-shadow-soft: 0 8px 22px rgba(0, 0, 0, 0.16);
--marnamic-control-surface: rgba(15, 25, 27, 0.9);
--marnamic-control-surface-soft: rgba(24, 39, 43, 0.9);
--marnamic-control-border: rgba(161, 192, 195, 0.28);
--marnamic-control-padding-x: 14px;
--marnamic-control-icon-space: 42px;
color: var(--marnamic-cream) !important;
background: var(--marnamic-dark) !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 500;
}
body.wp-child-theme-marnamic,
body.wp-child-theme-marnamic p,
body.wp-child-theme-marnamic li,
body.wp-child-theme-marnamic input,
body.wp-child-theme-marnamic textarea,
body.wp-child-theme-marnamic select,
body.wp-child-theme-marnamic button,
body.wp-child-theme-marnamic .button,
body.wp-child-theme-marnamic .hp-button,
body.wp-child-theme-marnamic .hp-field,
body.wp-child-theme-marnamic .hp-meta,
body.wp-child-theme-marnamic .select2-container,
body.wp-child-theme-marnamic .select2-dropdown {
font-family: var(--marnamic-font-body) !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic h1,
body.wp-child-theme-marnamic h2,
body.wp-child-theme-marnamic h3,
body.wp-child-theme-marnamic h4,
body.wp-child-theme-marnamic h5,
body.wp-child-theme-marnamic h6,
body.wp-child-theme-marnamic .title,
body.wp-child-theme-marnamic .content-title,
body.wp-child-theme-marnamic .wp-block-heading.content-title,
body.wp-child-theme-marnamic .hp-page__title,
body.wp-child-theme-marnamic .hp-section__title,
body.wp-child-theme-marnamic .hp-listing__title,
body.wp-child-theme-marnamic .hp-listing__title a,
body.wp-child-theme-marnamic .hp-vendor__name,
body.wp-child-theme-marnamic .hp-vendor__name a,
body.wp-child-theme-marnamic .hp-listing-category__name,
body.wp-child-theme-marnamic .hp-listing-category__name a,
body.wp-child-theme-marnamic .hp-card__title {
color: var(--marnamic-cream) !important;
font-family: var(--marnamic-font-display) !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
line-height: 1.08 !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic .hp-listing__title,
body.wp-child-theme-marnamic .hp-listing__title a,
body.wp-child-theme-marnamic .hp-vendor__name,
body.wp-child-theme-marnamic .hp-vendor__name a,
body.wp-child-theme-marnamic .hp-listing-category__name,
body.wp-child-theme-marnamic .hp-listing-category__name a,
body.wp-child-theme-marnamic .hp-card__title {
font-weight: 400 !important;
}
body.wp-child-theme-marnamic .content-title,
body.wp-child-theme-marnamic .wp-block-heading.content-title,
body.wp-child-theme-marnamic .hp-section__title,
body.wp-child-theme-marnamic .hp-page__title {
display: block !important;
max-width: 980px;
margin: clamp(34px, 5vw, 56px) auto clamp(20px, 3vw, 28px) !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
text-align: center !important;
}
body.wp-child-theme-marnamic .content-title::before,
body.wp-child-theme-marnamic .content-title::after,
body.wp-child-theme-marnamic .wp-block-heading.content-title::before,
body.wp-child-theme-marnamic .wp-block-heading.content-title::after,
body.wp-child-theme-marnamic .hp-section__title::before,
body.wp-child-theme-marnamic .hp-section__title::after,
body.wp-child-theme-marnamic .hp-page__title::before,
body.wp-child-theme-marnamic .hp-page__title::after,
body.wp-child-theme-marnamic .title::before,
body.wp-child-theme-marnamic .title::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .header-hero,
body.wp-child-theme-marnamic.tax-hp_listing_category .header-hero--large,
body.wp-child-theme-marnamic.tax-hp_listing_category .hp-listing-category--view-page.header-hero {
min-height: 0 !important;
height: auto !important;
padding: clamp(48px, 6vw, 72px) 0 clamp(42px, 5vw, 64px) !important;
background:
linear-gradient(180deg, rgba(19, 33, 36, 0.92), rgba(15, 25, 27, 0.98)) !important;
background-color: rgba(19, 33, 36, 0.98) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .header-hero__content,
body.wp-child-theme-marnamic.tax-hp_listing_category .hp-listing-category__header {
max-width: 980px !important;
margin: 0 auto !important;
padding: 0 24px !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .header-hero .hp-listing-category__name {
width: auto !important;
max-width: none !important;
margin: 0 !important;
font-size: clamp(2.4rem, 5.4vw, 4rem) !important;
line-height: 1.02 !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .header-hero .hp-listing-category__count {
display: inline-flex !important;
min-height: 34px !important;
align-items: center !important;
margin: 0 0 22px !important;
padding: 0 12px !important;
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border: 0 !important;
border-radius: var(--marnamic-radius) !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic .site-content,
body.wp-child-theme-marnamic .content-area,
body.wp-child-theme-marnamic .site-main,
body.wp-child-theme-marnamic .hp-page,
body.wp-child-theme-marnamic .hp-page__content,
body.wp-child-theme-marnamic .entry-content {
color: var(--marnamic-cream) !important;
background: transparent !important;
background-image: none !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search,
body.wp-child-theme-marnamic .hp-form--vendor-search,
body.wp-child-theme-marnamic .hp-page__sidebar .hp-widget,
body.wp-child-theme-marnamic .widget--sidebar,
body.wp-child-theme-marnamic .hp-listing--view-block,
body.wp-child-theme-marnamic .hp-vendor--view-block,
body.wp-child-theme-marnamic .hp-listing-category--view-block,
body.wp-child-theme-marnamic .post--view-block,
body.wp-child-theme-marnamic .hp-listing__description,
body.wp-child-theme-marnamic .hp-vendor__description,
body.wp-child-theme-marnamic .hp-listing__attributes,
body.wp-child-theme-marnamic .hp-vendor__attributes,
body.wp-child-theme-marnamic .hp-review,
body.wp-child-theme-marnamic .comment,
body.wp-child-theme-marnamic .hp-modal,
body.wp-child-theme-marnamic .hp-modal__content,
body.wp-child-theme-marnamic .fancybox-content,
body.wp-child-theme-marnamic .woocommerce-message,
body.wp-child-theme-marnamic .woocommerce-info,
body.wp-child-theme-marnamic .woocommerce-error,
body.wp-child-theme-marnamic .hp-message:not(.hp-message--thread-block):not(.hp-message--view-block),
body.wp-child-theme-marnamic .hp-form__messages {
color: var(--marnamic-cream) !important;
background: rgba(24, 39, 43, 0.72) !important;
background-image: none !important;
border: 1px solid rgba(161, 192, 195, 0.2) !important;
border-radius: var(--marnamic-radius) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-form--listing-filter,
body.wp-child-theme-marnamic .hp-form--vendor-filter,
body.wp-child-theme-marnamic .hp-widget .hp-form,
body.wp-child-theme-marnamic .hp-widget .hp-form__fields,
body.wp-child-theme-marnamic .hp-widget .hp-form__field,
body.wp-child-theme-marnamic .hp-listing__actions.hp-widget,
body.wp-child-theme-marnamic .hp-vendor__actions.hp-widget,
body.wp-child-theme-marnamic .hp-listing__actions--primary.hp-widget,
body.wp-child-theme-marnamic .hp-vendor__actions--primary.hp-widget {
background: transparent !important;
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action),
body.wp-child-theme-marnamic .site-sidebar a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action),
body.wp-child-theme-marnamic .widget--sidebar a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action),
body.wp-child-theme-marnamic .hp-widget a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action) {
color: rgba(241, 233, 221, 0.78) !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action):hover,
body.wp-child-theme-marnamic .site-sidebar a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action):hover,
body.wp-child-theme-marnamic .widget--sidebar a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action):hover,
body.wp-child-theme-marnamic .hp-widget a:not(.button):not(.hp-button):not(.wp-block-button__link):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-social-links__item):not(.marnamic-vendor-contact__action):hover {
color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .widget_recent_comments .comment-author-link,
body.wp-child-theme-marnamic .widget_recent_comments .recentcomments,
body.wp-child-theme-marnamic .wp-block-latest-comments,
body.wp-child-theme-marnamic .wp-block-latest-comments__comment,
body.wp-child-theme-marnamic .wp-block-latest-comments__comment-author,
body.wp-child-theme-marnamic .wp-block-latest-comments__comment-link {
color: rgba(241, 233, 221, 0.78) !important;
}
body.wp-child-theme-marnamic .hp-vendors.hp-row,
body.wp-child-theme-marnamic .hp-listings.hp-row,
body.wp-child-theme-marnamic .hp-listing-categories.hp-row,
body.wp-child-theme-marnamic .hp-vendors > .hp-row,
body.wp-child-theme-marnamic .hp-listings > .hp-row,
body.wp-child-theme-marnamic .hp-listing-categories > .hp-row,
body.wp-child-theme-marnamic .hp-vendors .hp-row,
body.wp-child-theme-marnamic .hp-listings .hp-row,
body.wp-child-theme-marnamic .hp-listing-categories .hp-row {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)) !important;
gap: clamp(18px, 2.2vw, 28px) !important;
align-items: stretch !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .hp-vendors.hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-listings.hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-listing-categories.hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-vendors > .hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-listings > .hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-listing-categories > .hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-vendors .hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-listings .hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-listing-categories .hp-row > .hp-grid__item,
body.wp-child-theme-marnamic .hp-vendors.hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-listings.hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-listing-categories.hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-vendors > .hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-listings > .hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-listing-categories > .hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-vendors .hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-listings .hp-row > [class*="hp-col"],
body.wp-child-theme-marnamic .hp-listing-categories .hp-row > [class*="hp-col"] {
display: flex !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
flex: initial !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .hp-vendors.hp-row > * > .hp-vendor--view-block,
body.wp-child-theme-marnamic .hp-listings.hp-row > * > .hp-listing--view-block,
body.wp-child-theme-marnamic .hp-listing-categories.hp-row > * > .hp-listing-category--view-block,
body.wp-child-theme-marnamic .hp-vendors > .hp-row > * > .hp-vendor--view-block,
body.wp-child-theme-marnamic .hp-listings > .hp-row > * > .hp-listing--view-block,
body.wp-child-theme-marnamic .hp-listing-categories > .hp-row > * > .hp-listing-category--view-block,
body.wp-child-theme-marnamic .hp-vendors .hp-row > * > .hp-vendor--view-block,
body.wp-child-theme-marnamic .hp-listings .hp-row > * > .hp-listing--view-block,
body.wp-child-theme-marnamic .hp-listing-categories .hp-row > * > .hp-listing-category--view-block {
width: 100% !important;
min-height: 100% !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search,
body.wp-child-theme-marnamic .hp-form--vendor-search {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(184px, auto) !important;
gap: 14px !important;
align-items: stretch !important;
padding: 12px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__fields {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
gap: 12px !important;
align-items: stretch !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--listing-filter .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--vendor-filter .hp-form__field--location {
width: 100% !important;
min-width: min(100%, 280px) !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field--location {
grid-column: span 2;
}
body.wp-child-theme-marnamic input[type="text"],
body.wp-child-theme-marnamic input[type="search"],
body.wp-child-theme-marnamic input[type="email"],
body.wp-child-theme-marnamic input[type="password"],
body.wp-child-theme-marnamic input[type="number"],
body.wp-child-theme-marnamic input[type="url"],
body.wp-child-theme-marnamic input[type="tel"],
body.wp-child-theme-marnamic input[type="date"],
body.wp-child-theme-marnamic input[type="time"],
body.wp-child-theme-marnamic input[type="datetime-local"],
body.wp-child-theme-marnamic input[type="month"],
body.wp-child-theme-marnamic input[type="week"],
body.wp-child-theme-marnamic textarea,
body.wp-child-theme-marnamic select,
body.wp-child-theme-marnamic .hp-field--location,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple {
width: 100% !important;
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.88) !important;
background-image: none !important;
border: 1px solid var(--marnamic-control-border) !important;
border-radius: var(--marnamic-radius) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic input[type="text"],
body.wp-child-theme-marnamic input[type="search"],
body.wp-child-theme-marnamic input[type="email"],
body.wp-child-theme-marnamic input[type="password"],
body.wp-child-theme-marnamic input[type="number"],
body.wp-child-theme-marnamic input[type="url"],
body.wp-child-theme-marnamic input[type="tel"]:not(.iti__tel-input),
body.wp-child-theme-marnamic input[type="date"],
body.wp-child-theme-marnamic input[type="time"],
body.wp-child-theme-marnamic input[type="datetime-local"],
body.wp-child-theme-marnamic input[type="month"],
body.wp-child-theme-marnamic input[type="week"],
body.wp-child-theme-marnamic select,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single {
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
padding: 0 18px !important;
line-height: normal !important;
} body.wp-child-theme-marnamic input.iti__tel-input {
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
padding-top: 0 !important;
padding-right: 18px !important;
padding-bottom: 0 !important;
line-height: normal !important;
}
body.wp-child-theme-marnamic textarea {
min-height: 132px !important;
padding: 16px 18px !important;
line-height: 1.55 !important;
}
body.wp-child-theme-marnamic .hp-field--location,
body.wp-child-theme-marnamic .hp-form__field--location > .hp-field--location,
body.wp-child-theme-marnamic .hp-form__field--location > div[data-component="location"] {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr);
min-height: var(--marnamic-control-height) !important;
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic input:focus,
body.wp-child-theme-marnamic textarea:focus,
body.wp-child-theme-marnamic select:focus,
body.wp-child-theme-marnamic .hp-field--location:focus-within,
body.wp-child-theme-marnamic .select2-container--default.select2-container--focus .select2-selection--single,
body.wp-child-theme-marnamic .select2-container--default.select2-container--focus .select2-selection--multiple,
body.wp-child-theme-marnamic .select2-container--default.select2-container--open .select2-selection--single,
body.wp-child-theme-marnamic .select2-container--default.select2-container--open .select2-selection--multiple {
background: rgba(15, 25, 27, 0.96) !important;
border-color: rgba(231, 253, 135, 0.62) !important;
box-shadow: 0 0 0 2px rgba(231, 253, 135, 0.16) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic .hp-field--location input[type="text"],
body.wp-child-theme-marnamic .hp-form__field--location input[type="text"],
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search__field {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-field--location input[type="text"],
body.wp-child-theme-marnamic .hp-form__field--location input[type="text"] {
height: calc(var(--marnamic-control-height) - 2px) !important;
min-height: 0 !important;
padding: 0 56px 0 18px !important;
line-height: calc(var(--marnamic-control-height) - 2px) !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-field--location a,
body.wp-child-theme-marnamic .hp-form__field--location a {
position: absolute !important;
top: 50% !important;
right: 8px !important;
display: inline-flex !important;
width: 38px !important;
height: 38px !important;
min-height: 0 !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: var(--marnamic-mint) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: translateY(-50%) !important;
z-index: 2;
}
body.wp-child-theme-marnamic .hp-field--location a i,
body.wp-child-theme-marnamic .hp-field--location a svg,
body.wp-child-theme-marnamic .hp-form__field--location a i,
body.wp-child-theme-marnamic .hp-form__field--location a svg {
font-size: 0.95em !important;
max-width: 20px !important;
max-height: 20px !important;
}
body.wp-child-theme-marnamic select.select2-hidden-accessible,
body.wp-child-theme-marnamic .select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
min-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
color: transparent !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-form .select2-container,
body.wp-child-theme-marnamic .hp-widget .select2-container,
body.wp-child-theme-marnamic .hp-modal .select2-container {
width: 100% !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic > .select2-container--open {
max-width: calc(100vw - 32px) !important;
}
@media (max-width: 452px) {
body.wp-child-theme-marnamic > .select2-container--open,
body.wp-child-theme-marnamic .select2-dropdown,
body.wp-child-theme-marnamic .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic .select2-results,
body.wp-child-theme-marnamic .select2-results > .select2-results__options {
max-width: calc(100vw - 32px) !important;
}
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single {
position: relative !important;
display: flex !important;
align-items: center !important;
overflow: hidden !important;
padding: 0 var(--marnamic-control-icon-space) 0 var(--marnamic-control-padding-x) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__rendered {
display: block !important;
width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
color: var(--marnamic-cream) !important;
line-height: normal !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: rgba(241, 233, 221, 0.58) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute !important;
top: 0 !important;
right: var(--marnamic-control-padding-x) !important;
bottom: 0 !important;
display: flex !important;
width: 18px !important;
height: 100% !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
pointer-events: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow::before {
content: "" !important;
display: block !important;
width: 9px !important;
height: 9px !important;
margin-top: -4px !important;
border: solid var(--marnamic-mint) !important;
border-width: 0 2px 2px 0 !important;
opacity: 0.95 !important;
transform: rotate(45deg) !important;
transform-origin: center !important;
}
body.wp-child-theme-marnamic .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
margin-top: 4px !important;
transform: rotate(225deg) !important;
}
body.wp-child-theme-marnamic .select2-dropdown,
body.wp-child-theme-marnamic .select2-results,
body.wp-child-theme-marnamic .select2-results > .select2-results__options {
color: var(--marnamic-cream) !important;
background: var(--marnamic-panel) !important;
border-color: var(--marnamic-border) !important;
}
body.wp-child-theme-marnamic .select2-results__option,
body.wp-child-theme-marnamic .select2-container--default .select2-results__option {
color: rgba(241, 233, 221, 0.88) !important;
background: transparent !important;
}
body.wp-child-theme-marnamic .select2-results__option--highlighted[aria-selected],
body.wp-child-theme-marnamic .select2-results__option--highlighted.select2-results__option--selectable,
body.wp-child-theme-marnamic .select2-results__option[aria-selected="true"],
body.wp-child-theme-marnamic .select2-results__option--selected {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple {
display: flex !important;
align-items: center !important;
min-height: var(--marnamic-control-height) !important;
padding: 8px 12px !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__rendered {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 6px;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search--inline,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search--inline {
flex: 1 1 120px;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search__field {
width: 100% !important;
min-width: 0 !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-cream) !important;
caret-color: var(--marnamic-lime);
line-height: 40px !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic .button,
body.wp-child-theme-marnamic .hp-button,
body.wp-child-theme-marnamic .hp-form__button,
body.wp-child-theme-marnamic .hp-field__button,
body.wp-child-theme-marnamic .hp-listing__action,
body.wp-child-theme-marnamic .hp-vendor__action,
body.wp-child-theme-marnamic .hp-listing__actions .hp-link,
body.wp-child-theme-marnamic .hp-vendor__actions .hp-link,
body.wp-child-theme-marnamic button[type="submit"]:not(.gm-control-active),
body.wp-child-theme-marnamic input[type="submit"],
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic .wp-element-button,
body.wp-child-theme-marnamic .wp-block-button__link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
min-height: var(--marnamic-button-height);
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.86) !important;
border: 1px solid rgba(161, 192, 195, 0.34) !important;
border-radius: var(--marnamic-radius) !important;
font-weight: 600 !important;
box-shadow: none !important;
opacity: 1 !important;
text-decoration: none !important;
text-shadow: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic .button--primary,
body.wp-child-theme-marnamic .button-primary,
body.wp-child-theme-marnamic .hp-button--primary,
body.wp-child-theme-marnamic .hp-form__button,
body.wp-child-theme-marnamic .hp-field__button,
body.wp-child-theme-marnamic button[type="submit"]:not(.gm-control-active),
body.wp-child-theme-marnamic input[type="submit"],
body.wp-child-theme-marnamic .hp-listing__actions--primary .button,
body.wp-child-theme-marnamic .hp-vendor__actions--primary .button,
body.wp-child-theme-marnamic .hp-listing__action--reply,
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic .wp-element-button,
body.wp-child-theme-marnamic .wp-block-button__link {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a {
min-height: var(--marnamic-button-height) !important;
padding: 0 var(--marnamic-button-padding-x) !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 600 !important;
}
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a *,
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a::before,
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a::after,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a *,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a::before,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a::after {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic .hp-field--submit:not(button):not(input):not(a),
body.wp-child-theme-marnamic .hp-form__field--submit,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit:not(a):not(button) {
display: block !important;
min-height: 0 !important;
padding: 0 !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field--submit,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field--submit {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__button,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__button,
body.wp-child-theme-marnamic .hp-form--listing-search button[type="submit"],
body.wp-child-theme-marnamic .hp-form--vendor-search button[type="submit"] {
width: 100% !important;
height: var(--marnamic-button-height) !important;
min-height: var(--marnamic-button-height) !important;
padding: 0 var(--marnamic-button-padding-x) !important;
}
body.wp-child-theme-marnamic .hp-page__topbar,
body.wp-child-theme-marnamic .hp-page__topbar--separate {
display: flex !important;
align-items: center !important;
gap: 14px 24px !important;
}
body.wp-child-theme-marnamic .hp-page__topbar .hp-result-count {
display: inline-flex !important;
min-height: var(--marnamic-control-height) !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort,
body.wp-child-theme-marnamic .hp-form--vendor-sort {
display: flex !important;
align-items: center !important;
gap: 16px !important;
margin: 0 !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--vendor-sort .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--listing-sort .hp-form__field,
body.wp-child-theme-marnamic .hp-form--vendor-sort .hp-form__field {
display: flex !important;
align-items: center !important;
gap: 16px !important;
margin: 0 !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort .hp-form__label,
body.wp-child-theme-marnamic .hp-form--vendor-sort .hp-form__label,
body.wp-child-theme-marnamic .hp-form--listing-sort .hp-field__label,
body.wp-child-theme-marnamic .hp-form--vendor-sort .hp-field__label {
margin: 0 !important;
color: rgba(241, 233, 221, 0.66) !important;
font-family: var(--marnamic-font-body) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container {
width: 180px !important;
min-width: 180px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single {
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
max-height: var(--marnamic-control-height) !important;
padding-left: 18px !important;
padding-right: 52px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single .select2-selection__rendered,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single .select2-selection__arrow,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 18px !important;
}
body.wp-child-theme-marnamic .hp-button--mobile,
body.wp-child-theme-marnamic .hp-button--vendor-filter,
body.wp-child-theme-marnamic .hp-button--listing-filter {
width: auto !important;
min-height: var(--marnamic-button-height) !important;
padding: 0 18px !important;
}
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > a,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > button {
display: inline-flex !important;
min-height: var(--marnamic-button-height) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border: 1px solid var(--marnamic-lime) !important;
border-radius: var(--marnamic-radius) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > a:hover,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > button:hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic .button--secondary,
body.wp-child-theme-marnamic .hp-listing__action--message,
body.wp-child-theme-marnamic .hp-vendor__action--message,
body.wp-child-theme-marnamic a[title*="Nachricht"],
body.wp-child-theme-marnamic a[aria-label*="Nachricht"],
body.wp-child-theme-marnamic a[title*="Message"],
body.wp-child-theme-marnamic a[aria-label*="Message"] {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.88) !important;
border-color: rgba(161, 192, 195, 0.38) !important;
}
body.wp-child-theme-marnamic .button:hover,
body.wp-child-theme-marnamic .hp-button:hover,
body.wp-child-theme-marnamic .hp-form__button:hover,
body.wp-child-theme-marnamic .hp-field__button:hover,
body.wp-child-theme-marnamic .hp-listing__action:hover,
body.wp-child-theme-marnamic .hp-vendor__action:hover,
body.wp-child-theme-marnamic .hp-listing__actions .hp-link:hover,
body.wp-child-theme-marnamic .hp-vendor__actions .hp-link:hover,
body.wp-child-theme-marnamic button[type="submit"]:not(.gm-control-active):hover,
body.wp-child-theme-marnamic input[type="submit"]:hover,
body.wp-child-theme-marnamic .header-navbar__menu .menu-item--user-login.menu-item--last > a:hover,
body.wp-child-theme-marnamic .header-navbar__burger > ul .menu-item--user-login.menu-item--last > a:hover,
body.wp-child-theme-marnamic .wp-element-button:hover,
body.wp-child-theme-marnamic .wp-block-button__link:hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
box-shadow: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic button:disabled:not(.gm-control-active),
body.wp-child-theme-marnamic button[disabled]:not(.gm-control-active),
body.wp-child-theme-marnamic button[data-disabled="true"]:not(.gm-control-active),
body.wp-child-theme-marnamic input[type="submit"]:disabled,
body.wp-child-theme-marnamic input[type="submit"][disabled],
body.wp-child-theme-marnamic input[type="submit"][data-disabled="true"],
body.wp-child-theme-marnamic .button:disabled,
body.wp-child-theme-marnamic .button[disabled],
body.wp-child-theme-marnamic .button[data-disabled="true"],
body.wp-child-theme-marnamic .button.is-disabled,
body.wp-child-theme-marnamic .button.hp-state--disabled,
body.wp-child-theme-marnamic .button.button--disabled,
body.wp-child-theme-marnamic .hp-button:disabled,
body.wp-child-theme-marnamic .hp-button[disabled],
body.wp-child-theme-marnamic .hp-button[data-disabled="true"],
body.wp-child-theme-marnamic .hp-button.is-disabled,
body.wp-child-theme-marnamic .hp-button.hp-state--disabled,
body.wp-child-theme-marnamic .hp-button.hp-button--disabled,
body.wp-child-theme-marnamic .hp-form__button:disabled,
body.wp-child-theme-marnamic .hp-form__button[disabled],
body.wp-child-theme-marnamic .hp-form__button[data-disabled="true"],
body.wp-child-theme-marnamic .hp-form__button.is-disabled,
body.wp-child-theme-marnamic .hp-form__button.hp-state--disabled,
body.wp-child-theme-marnamic .button[aria-disabled="true"],
body.wp-child-theme-marnamic .hp-button[aria-disabled="true"],
body.wp-child-theme-marnamic .hp-form__button[aria-disabled="true"] {
color: rgba(241, 233, 221, 0.82) !important;
background: rgba(15, 25, 27, 0.78) !important;
border-color: rgba(161, 192, 195, 0.34) !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic .button i,
body.wp-child-theme-marnamic .button i::before,
body.wp-child-theme-marnamic .button .hp-icon,
body.wp-child-theme-marnamic .button .hp-icon::before,
body.wp-child-theme-marnamic .button svg,
body.wp-child-theme-marnamic .button svg *,
body.wp-child-theme-marnamic .hp-button i,
body.wp-child-theme-marnamic .hp-button i::before,
body.wp-child-theme-marnamic .hp-button .hp-icon,
body.wp-child-theme-marnamic .hp-button .hp-icon::before,
body.wp-child-theme-marnamic .hp-button svg,
body.wp-child-theme-marnamic .hp-button svg *,
body.wp-child-theme-marnamic .hp-form__button i,
body.wp-child-theme-marnamic .hp-form__button i::before,
body.wp-child-theme-marnamic .hp-form__button .hp-icon,
body.wp-child-theme-marnamic .hp-form__button .hp-icon::before,
body.wp-child-theme-marnamic .hp-form__button svg,
body.wp-child-theme-marnamic .hp-form__button svg *,
body.wp-child-theme-marnamic .hp-listing__action i,
body.wp-child-theme-marnamic .hp-listing__action i::before,
body.wp-child-theme-marnamic .hp-listing__action .hp-icon,
body.wp-child-theme-marnamic .hp-listing__action .hp-icon::before,
body.wp-child-theme-marnamic .hp-listing__action svg,
body.wp-child-theme-marnamic .hp-listing__action svg *,
body.wp-child-theme-marnamic .hp-vendor__action i,
body.wp-child-theme-marnamic .hp-vendor__action i::before,
body.wp-child-theme-marnamic .hp-vendor__action .hp-icon,
body.wp-child-theme-marnamic .hp-vendor__action .hp-icon::before,
body.wp-child-theme-marnamic .hp-vendor__action svg,
body.wp-child-theme-marnamic .hp-vendor__action svg * {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic .hp-listing__title i,
body.wp-child-theme-marnamic .hp-listing__title i::before,
body.wp-child-theme-marnamic .hp-vendor__name i,
body.wp-child-theme-marnamic .hp-vendor__name i::before,
body.wp-child-theme-marnamic .hp-listing__title .hp-icon,
body.wp-child-theme-marnamic .hp-listing__title .hp-icon::before,
body.wp-child-theme-marnamic .hp-vendor__name .hp-icon,
body.wp-child-theme-marnamic .hp-vendor__name .hp-icon::before,
body.wp-child-theme-marnamic .hp-listing__verified-badge,
body.wp-child-theme-marnamic .hp-vendor__verified-badge,
body.wp-child-theme-marnamic .hp-listing__featured-badge {
color: var(--marnamic-lime) !important;
fill: var(--marnamic-lime) !important;
stroke: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .hp-listing__action--message,
body.wp-child-theme-marnamic .hp-vendor__action--message,
body.wp-child-theme-marnamic .hp-listing__action--favorite,
body.wp-child-theme-marnamic .hp-vendor__action--favorite {
color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--message,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__action--message {
width: var(--marnamic-compact-button-height) !important;
min-width: var(--marnamic-compact-button-height) !important;
height: var(--marnamic-compact-button-height) !important;
min-height: var(--marnamic-compact-button-height) !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar .hp-listing__action--message,
body.wp-child-theme-marnamic .hp-page__sidebar .hp-vendor__action--message,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__action--message,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__action--message {
display: inline-flex !important;
width: 100% !important;
min-width: 0 !important;
height: var(--marnamic-button-height) !important;
min-height: var(--marnamic-button-height) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
text-align: center !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar .hp-listing__action--message:hover,
body.wp-child-theme-marnamic .hp-page__sidebar .hp-vendor__action--message:hover,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__action--message:hover,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__action--message:hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
} body.wp-child-theme-marnamic {
--marnamic-button-height: var(--marnamic-control-height);
--marnamic-compact-button-height: 40px;
--marnamic-button-padding-x: 16px;
--marnamic-button-gap: 8px;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button,
.hp-page__sidebar .hp-listing__action--message,
.hp-page__sidebar .hp-vendor__action--message
) {
display: inline-flex !important;
height: var(--marnamic-button-height) !important;
min-height: var(--marnamic-button-height) !important;
align-items: center !important;
justify-content: center !important;
gap: var(--marnamic-button-gap) !important;
padding: 0 var(--marnamic-button-padding-x) !important;
border-width: 1px !important;
border-style: solid !important;
border-radius: var(--marnamic-radius) !important;
font-family: var(--marnamic-font-body) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-decoration: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
text-shadow: none !important;
box-shadow: none !important;
opacity: 1 !important;
transform: none !important;
transition:
background-color 0.16s ease,
border-color 0.16s ease,
color 0.16s ease !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button
) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button
)::before,
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button
)::after {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic :is(
.button--primary,
.button-primary,
.hp-button--primary,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-listing__action--reply,
.hp-page__sidebar .hp-listing__action--message,
.hp-page__sidebar .hp-vendor__action--message
) {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic :is(
.button--primary,
.button-primary,
.hp-button--primary,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-listing__action--reply,
.hp-page__sidebar .hp-listing__action--message,
.hp-page__sidebar .hp-vendor__action--message
):hover,
body.wp-child-theme-marnamic :is(
.button--primary,
.button-primary,
.hp-button--primary,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-listing__action--reply,
.hp-page__sidebar .hp-listing__action--message,
.hp-page__sidebar .hp-vendor__action--message
):focus-visible {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic :is(
.button--secondary,
.hp-button--secondary,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
) {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.86) !important;
border-color: rgba(161, 192, 195, 0.38) !important;
}
body.wp-child-theme-marnamic :is(
.button--secondary,
.hp-button--secondary,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
):hover,
body.wp-child-theme-marnamic :is(
.button--secondary,
.hp-button--secondary,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
):focus-visible {
color: var(--marnamic-lime) !important;
background: rgba(15, 25, 27, 0.96) !important;
border-color: rgba(231, 253, 135, 0.56) !important;
}
body.wp-child-theme-marnamic .hp-menu--site-header .hp-menu__item--listing-submit.button,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > a,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > button {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .hp-menu--site-header .hp-menu__item--listing-submit.button:hover,
body.wp-child-theme-marnamic .hp-menu--site-header .hp-menu__item--listing-submit.button:focus-visible,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > a:hover,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > a:focus-visible,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > button:hover,
body.wp-child-theme-marnamic .hp-menu__item--listing-submit > button:focus-visible {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block :is(.hp-listing__action--message, .hp-listing__action--favorite, .hp-listing__actions .hp-link),
body.wp-child-theme-marnamic .hp-vendor--view-block :is(.hp-vendor__action--message, .hp-vendor__action--favorite, .hp-vendor__actions .hp-link) {
flex: 0 0 var(--marnamic-button-height) !important;
width: var(--marnamic-button-height) !important;
min-width: var(--marnamic-button-height) !important;
height: var(--marnamic-button-height) !important;
min-height: var(--marnamic-button-height) !important;
padding: 0 !important;
color: var(--marnamic-lime) !important;
background: rgba(15, 25, 27, 0.86) !important;
border-color: rgba(161, 192, 195, 0.34) !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block :is(.hp-listing__action--message, .hp-listing__action--favorite, .hp-listing__actions .hp-link):hover,
body.wp-child-theme-marnamic .hp-vendor--view-block :is(.hp-vendor__action--message, .hp-vendor__action--favorite, .hp-vendor__actions .hp-link):hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic .hp-listing__action--favorite[data-state="active"],
body.wp-child-theme-marnamic .hp-listing__action--favorite[aria-pressed="true"],
body.wp-child-theme-marnamic .hp-listing__action--favorite.hp-listing__action--active,
body.wp-child-theme-marnamic :is(.button, .hp-button, .hp-form__button, .hp-field__button, .hp-listing__action, .hp-vendor__action, .combined-map-wrapper .map-filter-btn):is([aria-pressed="true"], [data-state="active"], .is-active):not([aria-disabled="true"]):not([data-disabled="true"]):not(:disabled),
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite[data-state="active"],
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite[aria-pressed="true"],
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite.hp-listing__action--active {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .hp-listing__action--favorite[data-state="active"]:hover,
body.wp-child-theme-marnamic .hp-listing__action--favorite[data-state="active"]:focus-visible,
body.wp-child-theme-marnamic .hp-listing__action--favorite[aria-pressed="true"]:hover,
body.wp-child-theme-marnamic .hp-listing__action--favorite[aria-pressed="true"]:focus-visible,
body.wp-child-theme-marnamic .hp-listing__action--favorite.hp-listing__action--active:hover,
body.wp-child-theme-marnamic .hp-listing__action--favorite.hp-listing__action--active:focus-visible,
body.wp-child-theme-marnamic :is(.button, .hp-button, .hp-form__button, .hp-field__button, .hp-listing__action, .hp-vendor__action, .combined-map-wrapper .map-filter-btn):is([aria-pressed="true"], [data-state="active"], .is-active):not([aria-disabled="true"]):not([data-disabled="true"]):not(:disabled):hover,
body.wp-child-theme-marnamic :is(.button, .hp-button, .hp-form__button, .hp-field__button, .hp-listing__action, .hp-vendor__action, .combined-map-wrapper .map-filter-btn):is([aria-pressed="true"], [data-state="active"], .is-active):not([aria-disabled="true"]):not([data-disabled="true"]):not(:disabled):focus-visible,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite[data-state="active"]:hover,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite[data-state="active"]:focus-visible,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite[aria-pressed="true"]:hover,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite[aria-pressed="true"]:focus-visible,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite.hp-listing__action--active:hover,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite.hp-listing__action--active:focus-visible {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):disabled,
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
)[disabled],
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
)[data-disabled="true"],
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link
)[aria-disabled="true"],
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link
):is(.disabled, .is-disabled, .hp-state--disabled, .hp-button--disabled, .button--disabled) {
color: rgba(241, 233, 221, 0.72) !important;
background: rgba(15, 25, 27, 0.72) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__actions,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__actions,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__actions--primary,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__actions--primary,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__actions--secondary,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__actions--secondary {
display: flex !important;
align-items: center !important;
gap: 14px !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--message,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__action--message,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__action--favorite,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__action--favorite,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__actions .hp-link,
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__actions .hp-link {
flex: 0 0 var(--marnamic-button-height) !important;
width: var(--marnamic-button-height) !important;
min-width: var(--marnamic-button-height) !important;
height: var(--marnamic-button-height) !important;
min-height: var(--marnamic-button-height) !important;
padding: 0 !important;
font-size: 0.95rem !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .hp-vendor__actions a.hp-vendor__action--favorite[data-component="toggle"][href="#"]:not([data-url]),
body.wp-child-theme-marnamic .hp-vendor__action--favorite[href="#"]:not([data-url]) {
display: none !important;
}
body.wp-child-theme-marnamic .hp-listing-category--view-block {
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .hp-listing-category__image {
display: block !important;
min-height: 0 !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-listing-category__image a,
body.wp-child-theme-marnamic .hp-listing-category__image img {
display: block !important;
width: 100% !important;
max-width: none !important;
min-height: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-listing-category__image a {
aspect-ratio: 16 / 10 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .hp-listing-category__image img {
height: 100% !important;
object-fit: cover !important;
filter: saturate(0.92) contrast(0.96) brightness(0.82);
}
body.wp-child-theme-marnamic .hp-listing-category--view-block:hover .hp-listing-category__image img {
transform: none !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__image,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 172px !important;
padding: 30px 22px 18px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__image a,
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__image,
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__image a {
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__image a {
display: flex !important;
width: min(58%, 190px) !important;
min-width: 150px !important;
min-height: 150px !important;
aspect-ratio: 1 / 1 !important;
align-items: center !important;
justify-content: center !important;
padding: 16px !important;
background: var(--marnamic-logo-tile) !important;
border: 0 !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__content {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
padding: 0 clamp(22px, 3vw, 34px) clamp(24px, 3vw, 34px) !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__name {
margin: 0 0 18px !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__location {
width: 100% !important;
max-width: 34rem !important;
justify-content: center !important;
gap: 12px !important;
margin: 0 auto 22px !important;
text-align: left !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__location i {
flex: 0 0 auto !important;
margin-top: 0.22em !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__location a {
display: -webkit-box !important;
max-width: 100% !important;
overflow: hidden !important;
color: rgba(241, 233, 221, 0.76) !important;
line-height: 1.35 !important;
overflow-wrap: anywhere !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__registered-date {
margin-bottom: 24px !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__description {
width: 100% !important;
max-width: 36rem !important;
margin: 0 auto !important;
padding: 0 !important;
color: rgba(241, 233, 221, 0.8) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 1rem !important;
line-height: 1.72 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__description p {
max-width: none !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-block .hp-vendor__image img {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
max-height: 100% !important;
padding: 0 !important;
object-fit: contain !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__image img {
width: auto !important;
max-width: min(86%, 280px) !important;
max-height: 150px !important;
padding: 12px !important;
object-fit: contain !important;
background: var(--marnamic-logo-tile) !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image img:not([src*="placeholders"]),
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing--view-page .hp-listing__images img,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing--view-page .hp-listing__image img {
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image > a {
width: 100% !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image a:has(img[src*="placeholder"]) {
position: relative !important;
display: grid !important;
place-items: center !important;
width: 100% !important;
min-height: 132px !important;
background: rgba(15, 25, 27, 0.56) !important;
border: 0 !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image a:has(img[src*="placeholder"])::before {
content: "";
display: none !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image .hp-block__placeholder,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image a:has(.hp-block__placeholder) {
display: grid !important;
width: 100% !important;
min-height: 132px !important;
place-items: center !important;
background: rgba(15, 25, 27, 0.56) !important;
border: 0 !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image .hp-block__placeholder span,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image .hp-block__placeholder i,
body.wp-child-theme-marnamic .hp-listing--view-block .hp-listing__image .hp-block__placeholder svg {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
opacity: 0 !important;
pointer-events: none;
}
body.wp-child-theme-marnamic .hp-listing__description,
body.wp-child-theme-marnamic .hp-vendor__description,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__description,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__description {
padding: clamp(24px, 3.4vw, 38px) !important;
color: rgba(241, 233, 221, 0.82) !important;
font-size: clamp(1rem, 0.92vw, 1.06rem) !important;
line-height: 1.76 !important;
overflow-wrap: anywhere !important;
}
body.wp-child-theme-marnamic .hp-listing__description > *,
body.wp-child-theme-marnamic .hp-vendor__description > *,
body.wp-child-theme-marnamic .hp-listing__attributes > *,
body.wp-child-theme-marnamic .hp-vendor__attributes > * {
margin-top: 0 !important;
}
body.wp-child-theme-marnamic .hp-listing__description > * + *,
body.wp-child-theme-marnamic .hp-vendor__description > * + *,
body.wp-child-theme-marnamic .hp-listing__attributes > * + *,
body.wp-child-theme-marnamic .hp-vendor__attributes > * + * {
margin-top: 1em !important;
}
body.wp-child-theme-marnamic .hp-listing__description p,
body.wp-child-theme-marnamic .hp-vendor__description p,
body.wp-child-theme-marnamic .hp-listing__description li,
body.wp-child-theme-marnamic .hp-vendor__description li {
max-width: 72ch;
color: inherit !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__images,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__image,
body.wp-child-theme-marnamic.hp-template--listing-view-page .slick-list,
body.wp-child-theme-marnamic.hp-template--listing-view-page .slick-track {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block:hover,
body.wp-child-theme-marnamic .hp-vendor--view-block:hover,
body.wp-child-theme-marnamic .hp-listing-category--view-block:hover,
body.wp-child-theme-marnamic .post--view-block:hover,
body.wp-child-theme-marnamic .hp-vendor--view-block:hover .hp-vendor__image a,
body.wp-child-theme-marnamic .hp-listing--view-block:hover .hp-listing__image a,
body.wp-child-theme-marnamic .hp-listing--view-page .slick-prev,
body.wp-child-theme-marnamic .hp-listing--view-page .slick-next {
box-shadow: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic .hp-listing__footer,
body.wp-child-theme-marnamic .hp-vendor__footer,
body.wp-child-theme-marnamic .hp-listing__actions,
body.wp-child-theme-marnamic .hp-vendor__actions,
body.wp-child-theme-marnamic .hp-listing__actions--primary,
body.wp-child-theme-marnamic .hp-vendor__actions--primary,
body.wp-child-theme-marnamic .hp-listing__actions--secondary,
body.wp-child-theme-marnamic .hp-vendor__actions--secondary {
background-image: none !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-controls {
gap: 8px !important;
padding: 8px !important;
background: rgba(15, 25, 27, 0.82) !important;
border: 1px solid rgba(161, 192, 195, 0.24) !important;
border-radius: var(--marnamic-radius) !important;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.16) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
min-height: 42px;
color: var(--marnamic-cream) !important;
background: transparent !important;
border: 1px solid rgba(161, 192, 195, 0.26) !important;
border-radius: calc(var(--marnamic-radius) - 2px) !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn:hover,
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn.active {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .cluster {
color: var(--marnamic-dark) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body) !important;
font-weight: 600 !important;
}
body.wp-child-theme-marnamic table,
body.wp-child-theme-marnamic .wp-block-table,
body.wp-child-theme-marnamic .shop_table {
width: 100%;
color: var(--marnamic-cream) !important;
background: rgba(24, 39, 43, 0.58) !important;
border: 1px solid rgba(161, 192, 195, 0.2) !important;
border-radius: var(--marnamic-radius) !important;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
}
body.wp-child-theme-marnamic th,
body.wp-child-theme-marnamic td,
body.wp-child-theme-marnamic table th,
body.wp-child-theme-marnamic table td {
color: var(--marnamic-cream) !important;
background: transparent !important;
border-color: rgba(161, 192, 195, 0.16) !important;
}
body.wp-child-theme-marnamic thead th,
body.wp-child-theme-marnamic table thead th {
color: rgba(241, 233, 221, 0.68) !important;
background: rgba(15, 25, 27, 0.5) !important;
font-weight: 600 !important;
}
body.wp-child-theme-marnamic :is(
[style*="background-color: #fff"],
[style*="background-color:#fff"],
[style*="background-color: #ffffff"],
[style*="background-color:#ffffff"],
[style*="background-color: #FFFBF3"],
[style*="background-color:#FFFBF3"],
[style*="background-color: #fffbf3"],
[style*="background-color:#fffbf3"],
[style*="background-color: rgb(255"],
[style*="background-color:rgb(255"],
[style*="background-color: white"],
[style*="background: #fff"],
[style*="background:#fff"],
[style*="background: #ffffff"],
[style*="background:#ffffff"],
[style*="background: #FFFBF3"],
[style*="background:#FFFBF3"],
[style*="background: #fffbf3"],
[style*="background:#fffbf3"],
[style*="background: rgb(255"],
[style*="background:rgb(255"],
[style*="background: white"]
):not(input):not(textarea):not(select):not(option):not(button):not(.button):not(.hp-button):not(.hp-field__button):not(.wp-element-button):not(.wp-block-button__link):not(.hp-field--location):not(.select2-selection):not(.select2-dropdown):not(.select2-results__option):not(img) {
color: var(--marnamic-cream) !important;
background: rgba(24, 39, 43, 0.78) !important;
background-image: none !important;
border-color: rgba(161, 192, 195, 0.2) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic :is(
[style*="color: #000"],
[style*="color:#000"],
[style*="color: #000000"],
[style*="color:#000000"],
[style*="color: rgb(0"],
[style*="color:rgb(0"],
[style*="color: black"]
):not(input):not(textarea):not(select):not(option):not(button):not(.button):not(.hp-button):not(.hp-field__button):not(.wp-element-button):not(.wp-block-button__link):not(.select2-selection__rendered):not(.select2-results__option) {
color: var(--marnamic-cream) !important;
} body.wp-child-theme-marnamic .hp-form--listing-search,
body.wp-child-theme-marnamic .hp-form--vendor-search {
grid-template-columns: minmax(0, 1fr) minmax(160px, 180px) !important;
align-items: center !important;
gap: 14px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__fields {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
align-items: center !important;
gap: 14px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field {
min-width: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field--location {
grid-column: auto !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field--submit,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field--submit {
width: 100% !important;
min-width: 0 !important;
align-self: center !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search input[type="text"],
body.wp-child-theme-marnamic .hp-form--listing-search input[type="search"],
body.wp-child-theme-marnamic .hp-form--vendor-search input[type="text"],
body.wp-child-theme-marnamic .hp-form--vendor-search input[type="search"] {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-form--vendor-search .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single {
display: flex !important;
align-items: center !important;
padding: 0 44px 0 18px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .select2-container--default .select2-selection--single .select2-selection__rendered,
body.wp-child-theme-marnamic .hp-form--vendor-search .select2-container--default .select2-selection--single .select2-selection__rendered,
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single .select2-selection__rendered,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
min-width: 0 !important;
max-width: 100% !important;
padding: 0 !important;
line-height: 1.15 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .select2-container--default .select2-selection--single .select2-selection__arrow,
body.wp-child-theme-marnamic .hp-form--vendor-search .select2-container--default .select2-selection--single .select2-selection__arrow,
body.wp-child-theme-marnamic .hp-form--listing-sort .select2-container--default .select2-selection--single .select2-selection__arrow,
body.wp-child-theme-marnamic .hp-form--vendor-sort .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 18px !important;
width: 18px !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__button,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__button,
body.wp-child-theme-marnamic .hp-form--listing-search button[type="submit"],
body.wp-child-theme-marnamic .hp-form--vendor-search button[type="submit"] {
width: 100% !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
min-width: 118px !important;
padding-inline: 16px !important;
white-space: nowrap !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic .hp-button--mobile,
body.wp-child-theme-marnamic .hp-button--vendor-filter,
body.wp-child-theme-marnamic .hp-button--listing-filter {
display: none !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic .container,
body.wp-child-theme-marnamic .header-navbar,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .content-area,
body.wp-child-theme-marnamic.hp-template--listings-view-page .content-area,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .content-area,
body.wp-child-theme-marnamic.hp-template--listing-view-page .content-area {
width: min(100% - 24px, 1180px) !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search,
body.wp-child-theme-marnamic .hp-form--vendor-search,
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__fields,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__fields,
body.wp-child-theme-marnamic .hp-page__topbar,
body.wp-child-theme-marnamic .hp-page__topbar--separate {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic .hp-form--listing-search .hp-form__field--location,
body.wp-child-theme-marnamic .hp-form--vendor-search .hp-form__field--location {
grid-column: auto !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar {
position: static !important;
top: auto !important;
width: 100% !important;
}
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic h1,
body.wp-child-theme-marnamic .hp-page__title,
body.wp-child-theme-marnamic .hp-listing--view-page .hp-listing__title,
body.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__name {
font-size: clamp(2.125rem, 6vw, 2.625rem) !important;
line-height: 1.08 !important;
}
body.wp-child-theme-marnamic .hp-vendors.hp-row,
body.wp-child-theme-marnamic .hp-listings.hp-row,
body.wp-child-theme-marnamic .hp-listing-categories.hp-row,
body.wp-child-theme-marnamic .hp-vendors > .hp-row,
body.wp-child-theme-marnamic .hp-listings > .hp-row,
body.wp-child-theme-marnamic .hp-listing-categories > .hp-row,
body.wp-child-theme-marnamic .hp-vendors .hp-row,
body.wp-child-theme-marnamic .hp-listings .hp-row,
body.wp-child-theme-marnamic .hp-listing-categories .hp-row {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic .hp-form .hp-form__button,
body.wp-child-theme-marnamic .hp-form button[type="submit"],
body.wp-child-theme-marnamic .hp-form input[type="submit"],
body.wp-child-theme-marnamic .wp-block-button__link {
width: 100% !important;
height: var(--marnamic-button-height) !important;
min-height: var(--marnamic-button-height) !important;
}
} .mn-page-loader {
position: fixed;
inset: 0;
z-index: 2147483647;
display: grid;
place-items: center;
overflow: hidden;
visibility: hidden;
opacity: 0;
pointer-events: none;
background: transparent;
transition: opacity 160ms ease, visibility 0s linear 160ms;
}
.mn-page-loader[hidden] {
display: none !important;
}
.mn-page-loader.is-visible {
visibility: visible;
opacity: 1;
pointer-events: auto;
transition: opacity 160ms ease;
}
.mn-page-loader.is-exiting {
visibility: visible;
opacity: 1;
pointer-events: none;
transition: none;
}
.mn-page-loader__waves,
.mn-page-loader__veil {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.mn-page-loader__waves {
z-index: 1;
opacity: 0;
transform: scale(1.02);
transition: opacity 90ms ease, transform 420ms ease;
}
.mn-page-loader.is-visible .mn-page-loader__waves {
opacity: 1;
transform: scale(1);
}
.mn-page-loader__veil {
z-index: 0;
background:
radial-gradient(circle at 50% 43%, rgba(231, 253, 135, .07), transparent 38%),
linear-gradient(180deg, #141f24 0%, #0f191b 78%, #0a1013 100%);
opacity: 1;
transition: opacity 180ms ease;
}
.mn-page-loader__content {
position: relative;
z-index: 2;
display: grid;
place-items: center;
gap: 18px;
width: min(100% - 40px, 360px);
opacity: 1;
transform: translateY(0) scale(1);
transition: opacity 160ms ease, transform 180ms ease;
}
.mn-page-loader.is-exiting .mn-page-loader__content {
opacity: 0;
transform: translateY(-3px) scale(1.015);
transition: opacity 340ms ease, transform 520ms cubic-bezier(.2, .75, .25, 1);
}
.mn-page-loader.is-exiting .mn-page-loader__brand {
transform: translateY(-2px) scale(1.075);
filter: drop-shadow(0 22px 42px rgba(0, 0, 0, .18));
transition: opacity 340ms ease, transform 620ms cubic-bezier(.2, .75, .25, 1), filter 620ms ease;
}
.mn-page-loader.is-exiting .mn-page-loader__waves {
opacity: 0;
transform: scale(1.035);
transition: opacity 720ms ease, transform 760ms ease;
}
.mn-page-loader.is-exiting .mn-page-loader__veil {
opacity: 0;
transition: opacity 760ms ease;
}
.mn-page-loader__brand {
width: clamp(152px, 14vw, 190px);
opacity: 0;
transform: translateY(10px) scale(.97);
filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .2));
transition: opacity 320ms ease 80ms, transform 480ms cubic-bezier(.2, .75, .25, 1) 80ms;
}
html.marnamic-page-loader-active,
html.marnamic-page-loader-active body.wp-child-theme-marnamic {
overflow: hidden !important;
} html.marnamic-page-loader-active body.wp-child-theme-marnamic :is(
.site-container,
.site-footer,
.mn-platform-footer,
.mn-support,
.marnamic-mobile-tabbar
) {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
transition: none !important;
}
html.marnamic-page-loader-active.marnamic-page-loader-revealing body.wp-child-theme-marnamic :is(
.site-container,
.site-footer,
.mn-platform-footer,
.mn-support,
.marnamic-mobile-tabbar
) {
visibility: visible !important;
opacity: 1 !important;
pointer-events: none !important;
transition: opacity 560ms cubic-bezier(.2, .75, .25, 1) 100ms !important;
}
html.marnamic-page-loader-active :is(
#cr-banner,
#cr-modal-backdrop,
#cr-modal-overlay
) {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.mn-page-loader.is-visible .mn-page-loader__brand {
opacity: .94;
transform: translateY(0) scale(1);
}
.mn-page-loader__brand img {
display: block;
width: 100%;
height: auto;
}
.mn-page-loader__status {
display: inline-flex;
min-height: 46px;
align-items: center;
gap: 10px;
padding: 10px 16px;
color: rgba(241, 233, 221, .88);
background: rgba(15, 25, 27, .54);
border: 1px solid rgba(161, 192, 195, .22);
border-radius: 12px;
box-shadow: 0 18px 50px rgba(0, 0, 0, .16);
font-family: Quicksand, Avenir, "Avenir Next", "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.35;
backdrop-filter: blur(16px);
}
.mn-page-loader__status::before {
width: 7px;
height: 7px;
flex: 0 0 auto;
background: #61a5ac;
border-radius: 50%;
content: "";
animation: mn-page-loader-pulse 1.2s ease-in-out infinite;
}
@keyframes mn-page-loader-pulse {
0%, 100% {
opacity: .35;
transform: scale(.84);
}
50% {
opacity: 1;
transform: scale(1);
}
}
@media (max-width: 700px) {
.mn-page-loader__content {
gap: 14px;
width: min(100% - 32px, 320px);
}
.mn-page-loader__brand {
width: clamp(145px, 42vw, 175px);
}
.mn-page-loader__status {
min-height: 42px;
padding: 8px 12px;
background: rgba(15, 25, 27, .82);
font-size: 12px;
backdrop-filter: none;
}
}
@media (prefers-reduced-motion: reduce) {
.mn-page-loader,
.mn-page-loader__waves,
.mn-page-loader__brand,
.mn-page-loader__status::before {
animation: none !important;
transition: none !important;
}
} body.wp-child-theme-marnamic .marnamic-screen-title {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(160px, 180px) !important;
gap: 14px !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__fields {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 14px !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__field,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-field--submit {
min-width: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__button,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search button[type="submit"] {
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-filter input[name="vendor_unternehmenstyp"],
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-filter input[name="vendor_type"],
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-filter .hp-form__field--vendor-unternehmenstyp,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-filter .hp-form__field--vendor-type {
display: none !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-filter .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
color: rgba(241, 233, 221, 0.7) !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__topbar {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 14px 20px !important;
align-items: center !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-sort {
display: grid !important;
grid-template-columns: auto minmax(180px, 180px) !important;
gap: 12px !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-sort .hp-form__fields,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-sort .hp-form__field {
margin: 0 !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-button--vendor-filter {
display: none !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__fields {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page > .hp-row {
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__content {
order: 1 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar {
order: 2 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page > .hp-row > .hp-page__content {
order: 1 !important;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page > .hp-row > .hp-page__sidebar {
order: 2 !important;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar > .hp-widget--vendor-filter {
position: static !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar > .hp-widget--vendor-filter > .hp-modal--mobile {
display: none !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__header .hp-button--vendor-filter {
display: inline-flex !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar .hp-button--vendor-filter {
display: none !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar .marnamic-combined-map,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__sidebar .hp-map {
width: 100% !important;
margin-top: 8px !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-page__topbar {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-sort {
grid-template-columns: auto minmax(180px, 220px) !important;
justify-content: start !important;
}
}
@media (max-width: 640px) {
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__fields,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-sort {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-sort .select2-container {
width: 100% !important;
}
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .hp-button--vendor-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .hp-button--listing-filter {
display: none !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > .hp-widget--vendor-filter > .hp-modal--mobile,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > .hp-widget--listing-filter > .hp-modal--mobile {
display: block !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .hp-button--vendor-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .hp-button--listing-filter {
display: inline-flex !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > .hp-widget--vendor-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > .hp-widget--listing-filter {
display: block !important;
position: static !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar .hp-button--vendor-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar .hp-button--listing-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > .hp-widget--vendor-filter > .hp-modal--mobile,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > .hp-widget--listing-filter > .hp-modal--mobile {
display: none !important;
}
body.wp-child-theme-marnamic .fancybox-content.hp-modal--mobile {
display: block !important;
}
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search {
--marnamic-vendor-search-control-height: var(--marnamic-control-height);
align-items: center !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__fields,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__field,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-field--submit {
align-items: center !important;
align-self: stretch !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search input[type="text"],
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search input[type="search"],
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-field--location,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .select2-container,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__button,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search button[type="submit"] {
box-sizing: border-box !important;
height: var(--marnamic-vendor-search-control-height) !important;
min-height: var(--marnamic-vendor-search-control-height) !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search input[type="text"],
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search input[type="search"],
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-field--location {
display: flex !important;
align-items: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .select2-container--default .select2-selection--single {
display: flex !important;
align-items: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .select2-container--default .select2-selection--single .select2-selection__rendered {
display: flex !important;
height: 100% !important;
align-items: center !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0 !important;
bottom: 0 !important;
height: 100% !important;
}
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search .hp-form__button,
body.wp-child-theme-marnamic.hp-template--vendors-view-page .hp-form--vendor-search button[type="submit"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1 !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-button--vendor-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-button--listing-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .marnamic-archive-filter-button {
display: none !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .hp-button--vendor-filter:not(.marnamic-archive-filter-button),
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .hp-button--listing-filter:not(.marnamic-archive-filter-button),
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar .hp-button--vendor-filter,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar .hp-button--listing-filter {
display: none !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .marnamic-archive-filter-button {
display: inline-flex !important;
width: auto !important;
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
align-items: center !important;
justify-content: center !important;
}
} body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .hp-vendor__attributes--contact:empty {
display: none !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact {
display: grid !important;
gap: 10px !important;
margin: 16px 0 0 !important;
padding: 0 !important;
border-top: 1px solid rgba(161, 192, 195, 0.24) !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__item {
display: grid !important;
grid-template-columns: 24px minmax(0, 1fr) !important;
gap: 3px 12px !important;
align-items: start !important;
min-width: 0 !important;
padding: 12px 0 10px !important;
border-bottom: 1px solid rgba(161, 192, 195, 0.18) !important;
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__item .hp-icon {
color: var(--marnamic-lime) !important;
font-size: 0.95rem !important;
grid-row: 1 / span 2 !important;
margin-top: 2px !important;
text-align: center !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__label,
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__label strong {
min-width: 0 !important;
color: rgba(241, 233, 221, 0.76) !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__value {
grid-column: 2 !important;
min-width: 0 !important;
color: var(--marnamic-cream) !important;
font-size: 0.95rem !important;
line-height: 1.35 !important;
overflow-wrap: anywhere !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__value a {
color: var(--marnamic-lime) !important;
display: inline-block !important;
font-weight: 700 !important;
max-width: 100% !important;
overflow-wrap: anywhere !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__value a:hover,
body.wp-child-theme-marnamic:is(.hp-template--vendor-view-page, .hp-template--listing-view-page) .marnamic-vendor-contact__value a:focus-visible {
color: var(--marnamic-lime-hover) !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
} body.wp-child-theme-marnamic.tax-hp_listing_category .header-hero {
position: relative !important;
z-index: 1 !important;
overflow: hidden !important;
isolation: isolate !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .content-area {
position: relative !important;
z-index: 2 !important;
padding-top: clamp(22px, 3vw, 40px) !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .hp-page__header {
position: relative !important;
z-index: 3 !important;
margin-top: 0 !important;
}
body.wp-child-theme-marnamic.tax-hp_listing_category .hp-form--listing-search {
position: relative !important;
z-index: 4 !important;
margin-top: 0 !important;
} body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
align-items: stretch !important;
padding: clamp(14px, 2vw, 18px) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action,
.hp-link,
.button
) {
display: inline-flex !important;
width: 100% !important;
min-width: 0 !important;
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
max-height: var(--marnamic-control-height) !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
padding: 0 var(--marnamic-button-padding-x) !important;
border: 1px solid rgba(161, 192, 195, 0.38) !important;
border-radius: var(--marnamic-radius) !important;
font-family: var(--marnamic-font-body) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-decoration: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
box-shadow: none !important;
opacity: 1 !important;
transform: none !important;
transition:
background-color 0.16s ease,
border-color 0.16s ease,
color 0.16s ease !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > .hp-listing__action :is(i, .hp-icon, svg) {
flex: 0 0 auto !important;
width: 1.2em !important;
min-width: 1.2em !important;
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
font-size: 1em !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > .hp-listing__action span {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--message,
.hp-listing__action--reply
) {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--message,
.hp-listing__action--reply
):hover,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--message,
.hp-listing__action--reply
):focus-visible {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--review,
.hp-listing__action--claim,
.hp-listing__action--report
) {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.86) !important;
border-color: rgba(161, 192, 195, 0.38) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--review,
.hp-listing__action--claim,
.hp-listing__action--report
):hover,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--review,
.hp-listing__action--claim,
.hp-listing__action--report
):focus-visible {
color: var(--marnamic-lime) !important;
background: rgba(15, 25, 27, 0.96) !important;
border-color: rgba(231, 253, 135, 0.56) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action,
.button
):focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.7) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action,
.button
).disabled,
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action,
.button
)[disabled],
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action,
.button
)[aria-disabled="true"] {
color: rgba(241, 233, 221, 0.58) !important;
background: rgba(15, 25, 27, 0.72) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
cursor: not-allowed !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
) {
-webkit-tap-highlight-color: transparent !important;
text-decoration: none !important;
text-shadow: none !important;
box-shadow: none !important;
transform: none !important;
transition:
background-color 0.16s ease,
border-color 0.16s ease,
color 0.16s ease,
opacity 0.16s ease !important;
}
body.wp-child-theme-marnamic :is(
.hp-listing__action--claim,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
) {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.86) !important;
border-color: rgba(161, 192, 195, 0.38) !important;
}
body.wp-child-theme-marnamic :is(
.hp-listing__action--claim,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
):hover,
body.wp-child-theme-marnamic :is(
.hp-listing__action--claim,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
):focus-visible {
color: var(--marnamic-lime) !important;
background: rgba(15, 25, 27, 0.96) !important;
border-color: rgba(231, 253, 135, 0.56) !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.72) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):active {
opacity: 0.88 !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):is(:disabled, [disabled], [aria-disabled="true"], .disabled) {
color: rgba(241, 233, 221, 0.58) !important;
background: rgba(15, 25, 27, 0.72) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
button[type="submit"]:not(.gm-control-active)
):is([data-state="loading"], [aria-busy="true"]) {
cursor: progress !important;
opacity: 0.72 !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic :is(
[hidden],
[aria-hidden="true"].marnamic-archive-filter-button,
[aria-hidden="true"].hp-button--vendor-filter,
[aria-hidden="true"].hp-button--listing-filter
) {
display: none !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic :is(
.marnamic-archive-filter-button,
.hp-button--vendor-filter,
.hp-button--listing-filter
) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
body.wp-child-theme-marnamic :is(
.hp-vendor__action--message.button,
button.hp-vendor__action--message
) {
color: var(--marnamic-dark) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-vendor__action--message,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__action--message {
color: var(--marnamic-dark) !important;
}
body.wp-child-theme-marnamic :is(
.hp-vendor__action--message.button,
button.hp-vendor__action--message
) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-vendor__action--message :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *),
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__action--message :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-page__sidebar .hp-vendor--view-block .hp-vendor__actions--primary a.hp-vendor__action.hp-vendor__action--message {
color: var(--marnamic-dark) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-page__sidebar .hp-vendor--view-block .hp-vendor__actions--primary a.hp-vendor__action.hp-vendor__action--message :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
} body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
align-items: stretch !important;
padding: clamp(14px, 2vw, 18px) !important;
}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message.button,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > a.hp-vendor__action--message,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > button.hp-vendor__action--message {
display: inline-flex !important;
width: 100% !important;
min-width: 0 !important;
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
max-height: var(--marnamic-control-height) !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
padding: 0 var(--marnamic-button-padding-x) !important;
border-radius: var(--marnamic-radius) !important;
font-family: var(--marnamic-font-body) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message:hover,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message:focus-visible,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > a.hp-vendor__action--message:hover,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > a.hp-vendor__action--message:focus-visible,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > button.hp-vendor__action--message:hover,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > button.hp-vendor__action--message:focus-visible {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message:focus-visible,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > a.hp-vendor__action--message:focus-visible,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > button.hp-vendor__action--message:focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.7) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message span {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message :is(i, .hp-icon, svg) {
flex: 0 0 auto !important;
width: 1.2em !important;
min-width: 1.2em !important;
font-size: 1em !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message :is(i, .hp-icon, svg),
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > .hp-vendor__action--message.button :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *),
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-vendor__actions--primary.hp-widget > button.hp-vendor__action--message :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
} @media (min-width: 981px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(
.hp-button--mobile,
.hp-button--vendor-filter,
.hp-button--listing-filter,
.marnamic-archive-filter-button
) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page > .hp-row {
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page > .hp-row > .hp-page__content {
order: 1 !important;
width: 100% !important;
max-width: none !important;
padding-inline: 0 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page > .hp-row > .hp-page__sidebar {
order: 2 !important;
width: 100% !important;
max-width: none !important;
padding-inline: 0 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__header :is(
.marnamic-archive-filter-button,
.hp-button--vendor-filter,
.hp-button--listing-filter
) {
display: inline-flex !important;
width: auto !important;
height: var(--marnamic-control-height, 44px) !important;
min-height: var(--marnamic-control-height, 44px) !important;
max-height: var(--marnamic-control-height, 44px) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__sidebar :is(
.hp-button--vendor-filter,
.hp-button--listing-filter,
.marnamic-archive-filter-button
),
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__sidebar > :is(
.hp-widget--vendor-filter,
.hp-widget--listing-filter
) > .hp-modal--mobile {
display: none !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__sidebar :is(.marnamic-combined-map, .combined-map-wrapper, .hp-map) {
width: 100% !important;
margin-top: 0 !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page > .hp-row {
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page > .hp-row > .hp-page__content {
order: 1 !important;
width: 100% !important;
max-width: none !important;
padding-inline: 0 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page > .hp-row > .hp-page__sidebar {
order: 2 !important;
width: 100% !important;
max-width: none !important;
padding-inline: 0 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar :is(.marnamic-combined-map, .combined-map-wrapper, .hp-map) {
width: 100% !important;
margin-top: 0 !important;
}
} body.wp-child-theme-marnamic [hidden] {
display: none !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link,
button[type="button"]:not(.gm-control-active):not(.map-filter-btn),
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):is(:disabled, [disabled], [aria-disabled="true"], [data-disabled="true"], .disabled, .is-disabled, .hp-state--disabled, .hp-button--disabled, .button--disabled) {
color: rgba(241, 233, 221, 0.58) !important;
background: rgba(15, 25, 27, 0.72) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
box-shadow: none !important;
transform: none !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.combined-map-wrapper .map-filter-btn,
button[type="button"]:not(.gm-control-active),
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):is([data-state="loading"], [aria-busy="true"], .is-loading) {
cursor: progress !important;
opacity: 0.72 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.combined-map-wrapper .map-filter-btn
):is([aria-pressed="true"], [data-state="active"], .is-active, .active):not(:disabled):not([disabled]):not([aria-disabled="true"]):not([data-disabled="true"]):not(.disabled):not(.is-disabled):not(.hp-state--disabled):not(.hp-button--disabled):not(.button--disabled) {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.combined-map-wrapper .map-filter-btn
):is([aria-pressed="true"], [data-state="active"], .is-active, .active):not(:disabled):not([disabled]):not([aria-disabled="true"]):not([data-disabled="true"]):not(.disabled):not(.is-disabled):not(.hp-state--disabled):not(.hp-button--disabled):not(.button--disabled):hover,
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.combined-map-wrapper .map-filter-btn
):is([aria-pressed="true"], [data-state="active"], .is-active, .active):not(:disabled):not([disabled]):not([aria-disabled="true"]):not([data-disabled="true"]):not(.disabled):not(.is-disabled):not(.hp-state--disabled):not(.hp-button--disabled):not(.button--disabled):focus-visible {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter, .hp-modal .hp-form) :is(
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
select,
.hp-field--location,
.select2-container,
.select2-container--default .select2-selection--single
) {
box-sizing: border-box !important;
min-height: var(--marnamic-control-height, 44px) !important;
height: var(--marnamic-control-height, 44px) !important;
max-height: var(--marnamic-control-height, 44px) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter, .hp-modal .hp-form) .select2-container--default .select2-selection--multiple {
box-sizing: border-box !important;
min-height: var(--marnamic-control-height, 44px) !important;
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter, .hp-modal .hp-form) .select2-container--default .select2-selection--multiple .select2-selection__rendered {
min-height: calc(var(--marnamic-control-height, 44px) - 16px) !important;
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter, .hp-modal .hp-form) .select2-container--default .select2-selection--multiple .select2-search__field {
min-height: 0 !important;
height: auto !important;
line-height: 1.25 !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic :is(
.hp-button--mobile.hp-button--vendor-filter,
.hp-button--mobile.hp-button--listing-filter,
.hp-button--vendor-filter.marnamic-archive-filter-button,
.hp-button--listing-filter.marnamic-archive-filter-button
) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header .marnamic-archive-filter-button {
display: inline-flex !important;
width: auto !important;
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
max-height: var(--marnamic-control-height) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
line-height: 1 !important;
}
} body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar {
align-items: center !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar .hp-result-count,
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort),
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field) {
min-height: var(--marnamic-control-height) !important;
align-items: center !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(
select,
.select2-container,
.select2-container--default .select2-selection--single
) {
box-sizing: border-box !important;
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
max-height: var(--marnamic-control-height) !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single {
position: relative !important;
display: flex !important;
align-items: center !important;
padding: 0 var(--marnamic-control-padding-x) !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single .select2-selection__rendered {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
height: 100% !important;
align-items: center !important;
padding: 0 26px 0 0 !important;
line-height: 1.2 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute !important;
top: 0 !important;
right: var(--marnamic-control-padding-x) !important;
bottom: 0 !important;
display: flex !important;
width: 18px !important;
height: 100% !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single .select2-selection__arrow b {
position: static !important;
margin: 0 !important;
}
@media (max-width: 640px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort),
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field, .select2-container) {
width: 100% !important;
}
} body.wp-child-theme-marnamic .hp-form :is(
.hp-form__footer .hp-form__button,
.hp-form__footer button[type="submit"],
.hp-form__footer input[type="submit"]
),
body.wp-child-theme-marnamic .hp-widget :is(
.hp-form__button,
button[type="submit"],
input[type="submit"]
),
body.wp-child-theme-marnamic .hp-modal :is(
.hp-form__button,
button[type="submit"],
input[type="submit"]
) {
box-sizing: border-box !important;
display: inline-flex !important;
width: 100% !important;
height: var(--marnamic-control-height) !important;
min-height: var(--marnamic-control-height) !important;
max-height: var(--marnamic-control-height) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .hp-widget :is(
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
select,
.hp-field--location,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple
) {
min-height: var(--marnamic-control-height) !important;
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple {
padding-block: 7px !important;
}
body.wp-child-theme-marnamic .hp-widget .select2-container--default .select2-selection--multiple .select2-selection__rendered {
min-height: calc(var(--marnamic-control-height) - 16px) !important;
align-items: center !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
display: inline-flex !important;
min-width: 118px !important;
height: var(--marnamic-compact-button-height) !important;
min-height: var(--marnamic-compact-button-height) !important;
max-height: var(--marnamic-compact-button-height) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 16px !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn[aria-pressed="true"] {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn:focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.72) !important;
outline-offset: 3px !important;
} body.wp-child-theme-marnamic :is(
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button
) {
height: var(--marnamic-compact-button-height) !important;
min-height: var(--marnamic-compact-button-height) !important;
}
body.wp-child-theme-marnamic .hp-listing--view-block :is(
.hp-listing__action--message,
.hp-listing__action--favorite,
.hp-listing__actions .hp-link
),
body.wp-child-theme-marnamic .hp-vendor--view-block :is(
.hp-vendor__action--message,
.hp-vendor__action--favorite,
.hp-vendor__actions .hp-link
) {
flex: 0 0 var(--marnamic-compact-button-height) !important;
width: var(--marnamic-compact-button-height) !important;
min-width: var(--marnamic-compact-button-height) !important;
height: var(--marnamic-compact-button-height) !important;
min-height: var(--marnamic-compact-button-height) !important;
padding: 0 !important;
} body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
--marnamic-search-control-height: var(--marnamic-control-height, 44px);
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(180px, 260px) !important;
gap: 12px !important;
align-items: stretch !important;
width: 100% !important;
padding: clamp(12px, 1.4vw, 14px) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__messages {
grid-column: 1 / -1 !important;
min-height: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__messages:empty {
display: none !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
grid-column: 1 !important;
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
gap: 14px !important;
align-items: stretch !important;
min-width: 0 !important;
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__footer {
grid-column: 2 !important;
display: flex !important;
align-items: stretch !important;
min-width: 0 !important;
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(
.hp-form__field,
.hp-form__field--search,
.hp-form__field--location,
.hp-form__field--select,
.hp-form__field--submit,
.hp-field--submit
) {
align-self: stretch !important;
min-width: 0 !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(
input[type="text"],
input[type="search"],
.hp-field--location,
.hp-field--location input[type="text"],
.select2-container,
.select2-container--default .select2-selection--single,
.hp-form__button,
.hp-form__footer .button,
button[type="submit"],
input[type="submit"]
) {
box-sizing: border-box !important;
width: 100% !important;
height: var(--marnamic-search-control-height) !important;
min-height: var(--marnamic-search-control-height) !important;
max-height: var(--marnamic-search-control-height) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(
input[type="text"],
input[type="search"],
.hp-field--location input[type="text"]
) {
display: flex !important;
align-items: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-field--location {
display: grid !important;
align-items: center !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container--default .select2-selection--single {
position: relative !important;
display: flex !important;
align-items: center !important;
padding: 0 var(--marnamic-control-padding-x, 18px) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container--default .select2-selection--single .select2-selection__rendered {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
height: 100% !important;
align-items: center !important;
padding: 0 26px 0 0 !important;
line-height: 1.2 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute !important;
top: 0 !important;
right: var(--marnamic-control-padding-x, 18px) !important;
bottom: 0 !important;
display: flex !important;
width: 18px !important;
height: 100% !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container--default .select2-selection--single .select2-selection__arrow b {
position: static !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(
.hp-form__button,
.hp-form__footer .button,
button[type="submit"],
input[type="submit"]
) {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
line-height: 1 !important;
white-space: nowrap !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) :is(
.hp-button--mobile,
.hp-button--vendor-filter,
.hp-button--listing-filter,
.marnamic-archive-filter-button
) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields,
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__footer {
grid-column: 1 / -1 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__header :is(.marnamic-archive-filter-button, .hp-button--vendor-filter, .hp-button--listing-filter) {
display: inline-flex !important;
width: auto !important;
height: var(--marnamic-control-height, 44px) !important;
min-height: var(--marnamic-control-height, 44px) !important;
max-height: var(--marnamic-control-height, 44px) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-button-padding-x) !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar :is(.hp-button--vendor-filter, .hp-button--listing-filter, .marnamic-archive-filter-button),
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) .hp-page__sidebar > :is(.hp-widget--vendor-filter, .hp-widget--listing-filter) > .hp-modal--mobile {
display: none !important;
}
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
grid-template-columns: 1fr !important;
}
}  body.wp-child-theme-marnamic {
--marnamic-ui-bg: var(--marnamic-dark, #132124);
--marnamic-ui-bg-deep: var(--marnamic-dark-deep, #0f191b);
--marnamic-ui-surface: var(--marnamic-panel, #18272b);
--marnamic-ui-surface-raised: var(--marnamic-panel-soft, #203337);
--marnamic-ui-surface-muted: var(--marnamic-panel-muted, #24383c);
--marnamic-ui-text: var(--marnamic-cream, #f1e9dd);
--marnamic-ui-text-muted: var(--marnamic-text-muted, rgba(241, 233, 221, 0.72));
--marnamic-ui-text-soft: var(--marnamic-text-soft, rgba(241, 233, 221, 0.56));
--marnamic-ui-primary: var(--marnamic-lime, #e7fd87);
--marnamic-ui-primary-hover: var(--marnamic-lime-hover, #dffc5f);
--marnamic-ui-primary-text: var(--marnamic-dark, #132124);
--marnamic-ui-accent: var(--marnamic-teal, #61a5ac);
--marnamic-ui-ring: rgba(231, 253, 135, 0.36);
--marnamic-ui-border: var(--marnamic-border, rgba(161, 192, 195, 0.28));
--marnamic-ui-border-soft: var(--marnamic-border-soft, rgba(161, 192, 195, 0.18));
--marnamic-ui-input: rgba(15, 25, 27, 0.9);
--marnamic-ui-input-hover: rgba(15, 25, 27, 0.96);
--marnamic-ui-disabled: rgba(15, 25, 27, 0.72);
--marnamic-ui-surface-light: var(--marnamic-cream, #f1e9dd);
--marnamic-ui-surface-light-text: var(--marnamic-dark, #132124);
--marnamic-ui-surface-light-muted: rgba(19, 33, 36, 0.72);
--marnamic-ui-surface-light-border: rgba(19, 33, 36, 0.12);
--marnamic-ui-radius-xs: 4px;
--marnamic-ui-radius-sm: 6px;
--marnamic-ui-radius-md: 8px;
--marnamic-ui-radius-lg: 12px;
--marnamic-ui-radius-pill: 999px;
--marnamic-ui-space-1: 4px;
--marnamic-ui-space-2: 8px;
--marnamic-ui-space-3: 12px;
--marnamic-ui-space-4: 16px;
--marnamic-ui-space-5: 20px;
--marnamic-ui-space-6: 24px;
--marnamic-ui-space-8: 32px;
--marnamic-ui-space-10: 40px;
--marnamic-ui-space-12: 48px;
--marnamic-ui-control-height: 44px;
--marnamic-ui-control-height-sm: 40px;
--marnamic-ui-control-padding-x: 14px;
--marnamic-ui-button-padding-x: 16px;
--marnamic-ui-compact-padding-x: 14px;
--marnamic-ui-control-icon-space: 42px;
--marnamic-ui-icon-size: 40px;
--marnamic-ui-chip-height: 26px;
--marnamic-ui-dropdown-min-width: 280px;
--marnamic-ui-dropdown-max-width: calc(100vw - 32px);
--marnamic-ui-transition: 160ms ease;
--marnamic-control-height: var(--marnamic-ui-control-height);
--marnamic-compact-button-height: var(--marnamic-ui-control-height-sm);
--marnamic-button-height: var(--marnamic-ui-control-height);
--marnamic-button-padding-x: var(--marnamic-ui-control-padding-x);
--marnamic-radius: var(--marnamic-ui-radius-md);
}
body.wp-child-theme-marnamic * {
box-sizing: border-box;
} body.wp-child-theme-marnamic .marnamic-surface--light {
--marnamic-ui-primary: var(--marnamic-teal, #61a5ac);
--marnamic-ui-primary-hover: #78b8be;
--marnamic-ui-ring: rgba(97, 165, 172, 0.36);
--marnamic-eyebrow-text: var(--marnamic-ui-surface-light-text);
--marnamic-eyebrow-background: rgba(19, 33, 36, 0.07);
--marnamic-eyebrow-border: rgba(19, 33, 36, 0.3);
--marnamic-action-secondary-text: var(--marnamic-ui-surface-light-text);
--marnamic-action-secondary-border: var(--marnamic-ui-surface-light-text);
--marnamic-action-secondary-hover: rgba(19, 33, 36, 0.08);
--marnamic-action-secondary-border-hover: rgba(19, 33, 36, 0.72);
--marnamic-action-primary: var(--marnamic-teal, #61a5ac);
--marnamic-action-primary-hover: #78b8be;
--marnamic-action-primary-text: var(--marnamic-dark, #132124);
--marnamic-action-accent: var(--marnamic-teal, #61a5ac);
--marnamic-action-accent-hover: #78b8be;
--marnamic-action-accent-text: var(--marnamic-dark, #132124);
--marnamic-action-focus: rgba(97, 165, 172, 0.58);
color: var(--marnamic-ui-surface-light-text) !important;
background: var(--marnamic-ui-surface-light) !important;
border-color: var(--marnamic-ui-surface-light-border) !important;
}
body.wp-child-theme-marnamic .marnamic-surface--light :is(h1, h2, h3, h4, h5, h6, p, li, strong, small) {
color: inherit !important;
}
body.wp-child-theme-marnamic .marnamic-surface--light .marnamic-surface__eyebrow {
color: var(--marnamic-eyebrow-text) !important;
background-color: var(--marnamic-eyebrow-background) !important;
border-color: var(--marnamic-eyebrow-border) !important;
}
body.wp-child-theme-marnamic :is(a, button, input, select, textarea, [tabindex]):focus-visible,
body.wp-child-theme-marnamic .select2-container--default.select2-container--focus :is(.select2-selection--single, .select2-selection--multiple),
body.wp-child-theme-marnamic .select2-container--default.select2-container--open :is(.select2-selection--single, .select2-selection--multiple) {
outline: 0 !important;
box-shadow: 0 0 0 3px var(--marnamic-ui-ring) !important;
}
body.wp-child-theme-marnamic :is(
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
select,
.hp-field--location,
.select2-container--default .select2-selection--single,
.marnamic-control
) {
width: 100% !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
padding: 0 var(--marnamic-ui-control-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
line-height: 1.2 !important;
transition: background-color var(--marnamic-ui-transition), border-color var(--marnamic-ui-transition), color var(--marnamic-ui-transition) !important;
}
body.wp-child-theme-marnamic textarea {
min-height: 132px !important;
max-height: none !important;
padding: var(--marnamic-ui-space-4) var(--marnamic-ui-control-padding-x) !important;
line-height: 1.55 !important;
resize: vertical;
}
body.wp-child-theme-marnamic :is(input, textarea)::placeholder {
color: var(--marnamic-ui-text-soft) !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic :is(
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
select,
textarea,
.hp-field--location,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple
):is(:hover, :focus, :focus-within) {
background: var(--marnamic-ui-input-hover) !important;
border-color: rgba(231, 253, 135, 0.62) !important;
}
body.wp-child-theme-marnamic :is(input, textarea, select):disabled,
body.wp-child-theme-marnamic :is(input, textarea, select)[readonly],
body.wp-child-theme-marnamic .select2-container--default.select2-container--disabled :is(.select2-selection--single, .select2-selection--multiple) {
color: var(--marnamic-ui-text-soft) !important;
background: var(--marnamic-ui-disabled) !important;
border-color: rgba(161, 192, 195, 0.22) !important;
cursor: not-allowed !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic .hp-field--location {
position: relative !important;
display: grid !important;
align-items: center !important;
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .hp-field--location input[type="text"] {
height: calc(var(--marnamic-ui-control-height) - 2px) !important;
min-height: calc(var(--marnamic-ui-control-height) - 2px) !important;
padding-right: var(--marnamic-ui-control-icon-space) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-field--location a {
position: absolute !important;
top: 50% !important;
right: 8px !important;
display: inline-flex !important;
width: 34px !important;
height: 34px !important;
min-height: 34px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: var(--marnamic-ui-text-muted) !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
transform: translateY(-50%) !important;
}
body.wp-child-theme-marnamic .hp-field--location a.is-loading {
opacity: 0.72 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic .hp-field--location a.is-loading i {
animation: marnamic-ui-spin 0.8s linear infinite;
}
@keyframes marnamic-ui-spin {
to {
transform: rotate(360deg);
}
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button,
.marnamic-archive-filter-button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
) { display: inline-flex;
width: auto !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
justify-content: center !important;
gap: var(--marnamic-ui-space-2) !important;
padding: 0 var(--marnamic-ui-button-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 1.1 !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: none !important;
white-space: nowrap !important;
cursor: pointer !important;
opacity: 1 !important;
transform: none !important;
transition: background-color var(--marnamic-ui-transition), border-color var(--marnamic-ui-transition), color var(--marnamic-ui-transition) !important;
}
body.wp-child-theme-marnamic :is(
.button--primary,
.button-primary,
.hp-button--primary,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.hp-page__sidebar .hp-listing__action--message,
.hp-page__sidebar .hp-vendor__action--message,
.marnamic-button--primary
) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic :is(
.button--secondary,
.hp-button--secondary,
.marnamic-button--secondary,
.hp-listing__action--review,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--report
) {
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border-color: rgba(161, 192, 195, 0.38) !important;
}
body.wp-child-theme-marnamic :is(.marnamic-button--ghost, .hp-button--ghost) {
color: var(--marnamic-ui-text-muted) !important;
background: transparent !important;
border-color: transparent !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button,
.marnamic-archive-filter-button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary-hover) !important;
border-color: var(--marnamic-ui-primary-hover) !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.combined-map-wrapper .map-filter-btn,
.marnamic-button
):is([aria-pressed="true"], [data-state="active"], .is-active, .active):not(:disabled):not([disabled]):not([aria-disabled="true"]) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="button"]:not(.gm-control-active),
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.marnamic-button
):is(:disabled, [disabled], [aria-disabled="true"], [data-disabled="true"], .disabled, .is-disabled, .hp-state--disabled, .hp-button--disabled, .button--disabled) {
color: var(--marnamic-ui-text-soft) !important;
background: var(--marnamic-ui-disabled) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic :is(
.header-navbar__menu .menu-item--user-login.menu-item--last > a,
.header-navbar__burger > ul .menu-item--user-login.menu-item--last > a,
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button,
.marnamic-button--compact
) {
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
max-height: var(--marnamic-ui-control-height-sm) !important;
}
body.wp-child-theme-marnamic .select2-container {
min-width: 0 !important;
}
body.wp-child-theme-marnamic select.select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
background: transparent !important;
}
body.wp-child-theme-marnamic .select2-container select.select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
background: transparent !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single {
display: flex !important;
align-items: center !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__rendered {
display: block !important;
width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text) !important;
line-height: 1.2 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
color: var(--marnamic-ui-text-soft) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0 !important;
right: var(--marnamic-ui-control-padding-x) !important;
bottom: 0 !important;
display: flex !important;
width: 18px !important;
height: 100% !important;
align-items: center !important;
justify-content: center !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--single .select2-selection__arrow::before {
content: "" !important;
display: block !important;
width: 9px !important;
height: 9px !important;
margin-top: -4px !important;
border: solid var(--marnamic-mint, #a1c0c3) !important;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg) !important;
transform-origin: center !important;
}
body.wp-child-theme-marnamic .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
margin-top: 4px !important;
transform: rotate(225deg) !important;
}
body.wp-child-theme-marnamic .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic > .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic .select2-dropdown.select2-dropdown--above,
body.wp-child-theme-marnamic .select2-dropdown.select2-dropdown--below {
box-sizing: border-box !important;
min-width: min(var(--marnamic-ui-dropdown-min-width), calc(100vw - 32px)) !important;
max-width: var(--marnamic-ui-dropdown-max-width) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-surface) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .select2-search--dropdown {
padding: var(--marnamic-ui-space-3) !important;
background: var(--marnamic-ui-surface) !important;
}
body.wp-child-theme-marnamic .select2-results,
body.wp-child-theme-marnamic .select2-results > .select2-results__options {
max-height: min(360px, 60vh) !important;
}
body.wp-child-theme-marnamic .select2-results__option,
body.wp-child-theme-marnamic .select2-container--default .select2-results__option {
min-height: var(--marnamic-ui-control-height-sm) !important;
padding: 12px 16px !important;
color: rgba(241, 233, 221, 0.9) !important;
background: transparent !important;
line-height: 1.25 !important;
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: manual !important;
}
body.wp-child-theme-marnamic .select2-results__option * {
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: manual !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-results__option--highlighted[aria-selected],
body.wp-child-theme-marnamic .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
body.wp-child-theme-marnamic .select2-container--default .select2-results__option--selected,
body.wp-child-theme-marnamic .select2-container--default .select2-results__option[aria-selected="true"] {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple {
display: flex !important;
align-items: center !important;
min-height: var(--marnamic-ui-control-height) !important;
padding: 8px 12px !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__rendered {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
align-items: center !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__choice {
display: inline-flex !important;
min-height: var(--marnamic-ui-chip-height) !important;
align-items: center !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 10px !important;
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-sm) !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: currentColor !important;
opacity: 0.72;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
--marnamic-search-control-height: var(--marnamic-ui-control-height);
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(180px, 260px) !important;
gap: 12px !important;
align-items: stretch !important;
width: 100% !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
gap: 12px !important;
align-items: stretch !important;
min-width: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(.hp-form__field, .hp-form__footer) {
min-width: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 100% !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.hp-listing__action,
.hp-vendor__action,
.marnamic-button,
.marnamic-archive-filter-button
) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic :is(.hp-button--wide, .marnamic-button--wide) {
width: 100% !important;
}
body.wp-child-theme-marnamic .hp-page__header :is(.marnamic-archive-filter-button, .hp-button--vendor-filter, .hp-button--listing-filter) {
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
}
body.wp-child-theme-marnamic .hp-page__topbar {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--marnamic-ui-space-4) !important;
align-items: center !important;
justify-content: space-between !important;
}
body.wp-child-theme-marnamic .hp-page__topbar .hp-result-count {
display: inline-flex !important;
min-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
color: var(--marnamic-ui-text-muted) !important;
font-weight: 800 !important;
letter-spacing: 0.08em !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) {
display: inline-flex !important;
min-width: min(100%, 260px) !important;
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field) {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
min-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(select, .select2-container, .select2-container--default .select2-selection--single) {
width: 100% !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single {
display: flex !important;
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single .select2-selection__rendered {
display: block !important;
width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__header :is(.marnamic-archive-filter-button, .hp-button--vendor-filter, .hp-button--listing-filter) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter, .hp-modal .hp-form) :is(
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
select,
.hp-field--location,
.select2-container,
.select2-container--default .select2-selection--single
) {
min-width: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) {
display: grid !important;
gap: var(--marnamic-ui-space-4) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .hp-form__fields {
display: grid !important;
gap: 14px !important;
min-width: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) :is(.hp-form__field, .hp-form__footer) {
min-width: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-field--checkboxes, .hp-field--radio, .hp-field--checkbox) label,
body.wp-child-theme-marnamic :is(.hp-field input[type="checkbox"] + span, .hp-field input[type="radio"] + span) {
color: var(--marnamic-ui-text-muted) !important;
}
body.wp-child-theme-marnamic .hp-form__messages,
body.wp-child-theme-marnamic .hp-form__messages > div,
body.wp-child-theme-marnamic .hp-alert {
padding: var(--marnamic-ui-space-4) var(--marnamic-ui-space-5) !important;
color: var(--marnamic-ui-text) !important;
background: rgba(24, 39, 43, 0.86) !important;
border: 1px solid var(--marnamic-ui-border-soft) !important;
border-left: 4px solid rgba(161, 192, 195, 0.45) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-weight: 600 !important;
}
body.wp-child-theme-marnamic .hp-form__messages--info,
body.wp-child-theme-marnamic .hp-form__messages > .hp-alert--info,
body.wp-child-theme-marnamic .hp-alert--info {
background: rgba(97, 165, 172, 0.12) !important;
border-left-color: var(--marnamic-teal, #61a5ac) !important;
color: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic .hp-form__messages--success,
body.wp-child-theme-marnamic .hp-form__messages > .hp-alert--success,
body.wp-child-theme-marnamic .hp-alert--success {
background: rgba(104, 211, 145, 0.12) !important;
border-color: rgba(104, 211, 145, 0.5) !important;
border-left-color: var(--marnamic-success, #68d391) !important;
color: var(--marnamic-success, #68d391) !important;
}
body.wp-child-theme-marnamic .hp-form__messages--warning,
body.wp-child-theme-marnamic .hp-form__messages > .hp-alert--warning,
body.wp-child-theme-marnamic .hp-alert--warning {
background: rgba(246, 211, 101, 0.12) !important;
border-color: rgba(246, 211, 101, 0.5) !important;
border-left-color: var(--marnamic-warning, #f6d365) !important;
color: var(--marnamic-warning, #f6d365) !important;
}
body.wp-child-theme-marnamic .hp-form__messages--error,
body.wp-child-theme-marnamic .hp-form__messages > .hp-alert--error,
body.wp-child-theme-marnamic .hp-alert--error {
background: rgba(255, 123, 123, 0.12) !important;
border-color: rgba(255, 123, 123, 0.5) !important;
border-left-color: var(--marnamic-danger, #ff7b7b) !important;
color: var(--marnamic-danger, #ff7b7b) !important;
}
body.wp-child-theme-marnamic :is(.hp-listing-category__item-count, .hp-listing-category__count, .hp-listing__featured-badge, .marnamic-badge) {
display: inline-flex !important;
min-height: var(--marnamic-ui-chip-height) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 12px !important;
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-sm) !important;
font-weight: 800 !important;
letter-spacing: 0.04em !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic .hp-vendor__online-badge {
display: inline-block !important;
width: 10px !important;
height: 10px !important;
min-width: 10px !important;
min-height: 10px !important;
max-width: 10px !important;
max-height: 10px !important;
margin: 0 8px 0 0 !important;
padding: 0 !important;
vertical-align: 0.08em !important;
background: rgba(161, 192, 195, 0.5) !important;
border: 1px solid rgba(241, 233, 221, 0.22) !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
box-shadow: none !important;
line-height: 0 !important;
}
body.wp-child-theme-marnamic .hp-vendor__online-badge--active {
background: var(--marnamic-success, #68d391) !important;
border-color: rgba(104, 211, 145, 0.85) !important;
box-shadow: 0 0 0 3px rgba(104, 211, 145, 0.14) !important;
}
body.wp-child-theme-marnamic :is(.pagination .nav-links > a, .pagination .nav-links > span, .hp-pagination a, .hp-pagination span) {
display: inline-flex !important;
min-width: var(--marnamic-ui-control-height-sm) !important;
height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: center !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic :is(.pagination .current, .hp-pagination .current, .pagination a:hover, .hp-pagination a:hover) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic :is(.hp-widget, .hp-modal__content, .fancybox-content, .marnamic-panel) {
color: var(--marnamic-ui-text) !important;
background: rgba(24, 39, 43, 0.88) !important;
border: 1px solid var(--marnamic-ui-border-soft) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
max-height: var(--marnamic-ui-control-height-sm) !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields,
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__footer {
grid-column: 1 / -1 !important;
}
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 480px) {
body.wp-child-theme-marnamic {
--marnamic-ui-dropdown-min-width: calc(100vw - 32px);
}
} body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button,
.marnamic-archive-filter-button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):not(.map-filter-btn):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-link) {
box-sizing: border-box !important;
width: auto !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
justify-content: center !important;
gap: var(--marnamic-ui-space-2) !important;
padding: 0 var(--marnamic-ui-button-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 1.1 !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: none !important;
white-space: nowrap !important;
cursor: pointer !important;
transform: none !important;
}
body.wp-child-theme-marnamic :is(
.button--primary,
.button-primary,
.hp-button--primary,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
button[type="submit"]:not(.gm-control-active),
input[type="submit"],
.marnamic-button--primary
):not(.map-filter-btn):not(.hp-listing__action):not(.hp-vendor__action):not(.hp-link) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic :is(
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
select,
.hp-field--location,
.select2-container--default .select2-selection--single,
.marnamic-control
) {
box-sizing: border-box !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
padding: 0 var(--marnamic-ui-control-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic :is(
.hp-form--listing-search,
.hp-form--vendor-search,
.hp-form--listing-filter,
.hp-form--vendor-filter,
.hp-modal .hp-form,
.hp-widget
) .hp-field--location {
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic :is(
.hp-form--listing-search,
.hp-form--vendor-search,
.hp-form--listing-filter,
.hp-form--vendor-filter,
.hp-modal .hp-form,
.hp-widget
) .hp-field--location input[type="text"] {
width: 100% !important;
height: calc(var(--marnamic-ui-control-height) - 2px) !important;
min-height: calc(var(--marnamic-ui-control-height) - 2px) !important;
max-height: calc(var(--marnamic-ui-control-height) - 2px) !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic :is(
.hp-form--listing-search,
.hp-form--vendor-search,
.hp-form--listing-filter,
.hp-form--vendor-filter,
.hp-form--listing-sort,
.hp-form--vendor-sort,
.hp-modal .hp-form,
.hp-widget,
.hp-page__topbar
) .select2-container--default .select2-selection--single {
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic :is(
.hp-form--listing-search,
.hp-form--vendor-search,
.hp-form--listing-filter,
.hp-form--vendor-filter,
.hp-form--listing-sort,
.hp-form--vendor-sort,
.hp-modal .hp-form,
.hp-widget,
.hp-page__topbar
) .select2-container--default .select2-selection--single .select2-selection__rendered {
display: block !important;
width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text) !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
text-transform: none !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) {
gap: var(--marnamic-ui-space-3) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container {
width: min(100%, 220px) !important;
min-width: min(100%, 180px) !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple {
min-height: var(--marnamic-ui-control-height) !important;
padding: 8px 12px !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__rendered {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
min-height: calc(var(--marnamic-ui-control-height) - 18px) !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-selection__choice {
min-height: var(--marnamic-ui-chip-height) !important;
margin: 0 !important;
padding: 0 10px !important;
border-radius: var(--marnamic-ui-radius-sm) !important;
font-size: 0.95rem !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search--inline {
display: inline-flex !important;
flex: 1 1 4rem !important;
min-width: 4rem !important;
height: var(--marnamic-ui-chip-height) !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .select2-container--default .select2-selection--multiple .select2-search__field {
width: 100% !important;
height: var(--marnamic-ui-chip-height) !important;
min-height: var(--marnamic-ui-chip-height) !important;
max-height: var(--marnamic-ui-chip-height) !important;
margin: 0 !important;
padding: 0 4px !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
line-height: var(--marnamic-ui-chip-height) !important;
}
body.wp-child-theme-marnamic :is(
.hp-listing__action,
.hp-vendor__action,
.hp-listing__actions .hp-link,
.hp-vendor__actions .hp-link
) {
box-sizing: border-box !important;
display: inline-flex !important;
width: var(--marnamic-ui-icon-size) !important;
min-width: var(--marnamic-ui-icon-size) !important;
max-width: var(--marnamic-ui-icon-size) !important;
height: var(--marnamic-ui-icon-size) !important;
min-height: var(--marnamic-ui-icon-size) !important;
max-height: var(--marnamic-ui-icon-size) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: var(--marnamic-ui-primary) !important;
background: rgba(15, 25, 27, 0.86) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic :is(
.hp-page__sidebar .hp-listing__action--message,
.hp-page__sidebar .hp-vendor__action--message
),
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-listing__actions--primary.hp-widget > :is(
.hp-listing__action--message,
.hp-listing__action--reply
) {
width: 100% !important;
max-width: none !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
padding: 0 var(--marnamic-ui-button-padding-x) !important;
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn {
box-sizing: border-box !important;
display: inline-flex !important;
min-width: 118px !important;
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
max-height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic .combined-map-wrapper .map-filter-btn:is(.active, [aria-pressed="true"], [data-state="active"]) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic :is(.pagination .nav-links > a, .pagination .nav-links > span, .hp-pagination a, .hp-pagination span) {
padding: 0 12px !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic input:is([type="checkbox"], [type="radio"]) {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
accent-color: var(--marnamic-ui-primary) !important;
} body.wp-child-theme-marnamic .hp-field input:is([type="checkbox"], [type="radio"]):not(:checked) + span::before {
background-color: rgba(15, 25, 27, 0.72);
border-color: rgba(161, 192, 195, 0.72);
}
body.wp-child-theme-marnamic .hp-field:hover input:is([type="checkbox"], [type="radio"]):not(:checked) + span::before {
border-color: var(--marnamic-ui-text-muted);
}
body.wp-child-theme-marnamic .hp-field input:is([type="checkbox"], [type="radio"]):focus-visible + span::before {
border-color: var(--marnamic-ui-primary);
box-shadow: 0 0 0 3px rgba(231, 253, 135, 0.2);
outline: 0;
}
body.wp-child-theme-marnamic :is(.hp-field--checkbox, .hp-field--radio, .hp-field--checkboxes label) {
display: flex !important;
gap: var(--marnamic-ui-space-2) !important;
align-items: center !important;
color: var(--marnamic-ui-text-muted) !important;
font-size: 0.95rem !important;
line-height: 1.35 !important;
}
body.wp-child-theme-marnamic.marnamic-styleguide .marnamic-archive-filter-button {
display: inline-flex !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button,
.marnamic-archive-filter-button,
button[type="button"]:not(.gm-control-active):not(.map-filter-btn),
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):is(:disabled, [disabled], [aria-disabled="true"], [data-disabled="true"], .disabled, .is-disabled, .hp-state--disabled, .hp-button--disabled, .button--disabled) {
color: var(--marnamic-ui-text-soft) !important;
background: var(--marnamic-ui-disabled) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
box-shadow: none !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic textarea {
min-height: 132px !important;
padding: var(--marnamic-ui-space-4) var(--marnamic-ui-control-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
line-height: 1.45 !important;
}
body.wp-child-theme-marnamic .hp-field--location {
padding: 0 !important;
}
body.wp-child-theme-marnamic .hp-field--location input[type="text"] {
width: 100% !important;
height: calc(var(--marnamic-ui-control-height) - 2px) !important;
min-height: calc(var(--marnamic-ui-control-height) - 2px) !important;
max-height: calc(var(--marnamic-ui-control-height) - 2px) !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .select2-container.select2-container--default .select2-selection.select2-selection--single {
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
}
body.wp-child-theme-marnamic .select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered {
padding: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter, .hp-modal .hp-form) .select2-container--default .select2-selection--multiple .select2-selection__rendered {
min-height: calc(var(--marnamic-ui-control-height) - 18px) !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 100% !important;
}
body.wp-child-theme-marnamic .marnamic-archive-filter-button {
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
}
body.wp-child-theme-marnamic button.hp-button:disabled,
body.wp-child-theme-marnamic button.hp-button[disabled],
body.wp-child-theme-marnamic button.button:disabled,
body.wp-child-theme-marnamic button.button[disabled],
body.wp-child-theme-marnamic .hp-button.hp-button--disabled,
body.wp-child-theme-marnamic .button.button--disabled {
color: var(--marnamic-ui-text-soft) !important;
background: var(--marnamic-ui-disabled) !important;
border-color: rgba(161, 192, 195, 0.28) !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic button.hp-button.hp-button:disabled,
body.wp-child-theme-marnamic button.hp-button.hp-button[disabled],
body.wp-child-theme-marnamic button.button.button:disabled,
body.wp-child-theme-marnamic button.button.button[disabled] {
color: rgba(241, 233, 221, 0.56) !important;
background-color: rgba(15, 25, 27, 0.72) !important;
background-image: none !important;
border-color: rgba(161, 192, 195, 0.28) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic button.hp-button.hp-button.hp-button:disabled,
body.wp-child-theme-marnamic.wp-child-theme-marnamic button.hp-button.hp-button.hp-button[disabled][disabled],
body.wp-child-theme-marnamic.wp-child-theme-marnamic button.button.button.button:disabled,
body.wp-child-theme-marnamic.wp-child-theme-marnamic button.button.button.button[disabled][disabled] {
color: rgba(241, 233, 221, 0.56) !important;
background: rgba(15, 25, 27, 0.72) !important;
background-color: rgba(15, 25, 27, 0.72) !important;
background-image: none !important;
border-color: rgba(161, 192, 195, 0.28) !important;
}
body.wp-child-theme-marnamic button.marnamic-archive-filter-button.hp-button--wide,
body.wp-child-theme-marnamic .hp-page__header button.marnamic-archive-filter-button.hp-button--wide {
width: auto !important;
min-width: 0 !important;
max-width: max-content !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .hp-form__footer > button.hp-form__button,
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) button.hp-form__button.hp-field--submit {
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-filter.hp-form--vendor-filter .hp-form__footer > button.hp-form__button.hp-form__button,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-filter.hp-form--listing-filter .hp-form__footer > button.hp-form__button.hp-form__button {
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .hp-form__footer {
width: 100% !important;
max-width: none !important;
}   body.wp-child-theme-marnamic .header-navbar {
position: relative !important;
z-index: 120 !important;
}
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a {
color: var(--marnamic-ui-text) !important;
background: rgba(15, 25, 27, 0.9) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]) {
color: var(--marnamic-ui-accent) !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a::before,
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a::after {
color: var(--marnamic-ui-accent) !important;
border-color: currentColor !important;
}
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"]) {
color: var(--marnamic-navigation-accent-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
border-color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"]) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"])::before,
body.wp-child-theme-marnamic .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"])::after {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
border-color: currentColor !important;
}
body.wp-child-theme-marnamic .header-navbar__burger {
position: relative !important;
z-index: 130 !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > a,
body.wp-child-theme-marnamic .menu-toggle {
display: inline-flex !important;
width: var(--marnamic-ui-icon-size) !important;
min-width: var(--marnamic-ui-icon-size) !important;
height: var(--marnamic-ui-icon-size) !important;
min-height: var(--marnamic-ui-icon-size) !important;
align-items: center !important;
justify-content: center !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, span),
body.wp-child-theme-marnamic .menu-toggle :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, span) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic .header-navbar__burger.marnamic-mobile-menu-open > a,
body.wp-child-theme-marnamic .header-navbar__burger > a:is(:hover, :focus-visible, [aria-expanded="true"]),
body.wp-child-theme-marnamic .menu-toggle:is(:hover, :focus-visible, [aria-expanded="true"]) {
color: var(--marnamic-navigation-accent-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
border-color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic .header-navbar__burger > ul {
position: absolute !important;
top: calc(100% + 10px) !important;
right: 0 !important;
left: auto !important;
display: grid !important;
width: min(340px, calc(100vw - 24px)) !important;
max-height: calc(100vh - 112px) !important;
gap: 4px !important;
padding: 8px !important;
overflow: auto !important;
color: var(--marnamic-ui-text) !important;
background: rgba(24, 39, 43, 0.98) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.32) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-6px) !important;
transition: opacity var(--marnamic-ui-transition), transform var(--marnamic-ui-transition), visibility var(--marnamic-ui-transition) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li {
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul .hp-link {
display: flex !important;
width: 100% !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: flex-start !important;
gap: var(--marnamic-ui-space-2) !important;
padding: 0 var(--marnamic-ui-control-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: transparent !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li > a:is(:hover, :focus-visible),
body.wp-child-theme-marnamic .header-navbar__burger > ul .hp-link:is(:hover, :focus-visible) {
color: var(--marnamic-navigation-accent-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-login > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-account > a {
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border-color: var(--marnamic-ui-border) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-login > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-account > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-login > a::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-login > a::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-account > a::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-account > a::after {
color: var(--marnamic-ui-accent) !important;
fill: currentColor !important;
stroke: currentColor !important;
border-color: currentColor !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a:is(:hover, :focus-visible, [aria-expanded="true"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a:is(:hover, :focus-visible, [aria-expanded="true"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-login > a:is(:hover, :focus-visible, [aria-expanded="true"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .hp-menu__item--user-account > a:is(:hover, :focus-visible, [aria-expanded="true"]) {
color: var(--marnamic-navigation-accent-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
border-color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a:is(:hover, :focus-visible, [aria-expanded="true"]) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a:is(:hover, :focus-visible, [aria-expanded="true"])::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-login.menu-item--last > a:is(:hover, :focus-visible, [aria-expanded="true"])::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a:is(:hover, :focus-visible, [aria-expanded="true"]) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a:is(:hover, :focus-visible, [aria-expanded="true"])::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .header-navbar .menu-item--user-account > a:is(:hover, :focus-visible, [aria-expanded="true"])::after {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
border-color: currentColor !important;
} body.wp-child-theme-marnamic {
--marnamic-shell-width: 100%;
--marnamic-header-height: 84px;
--marnamic-header-height-mobile: 64px;
--marnamic-header-navigation-height: 49px;
--marnamic-header-gap: 24px;
--marnamic-header-padding-x: clamp(24px, 3vw, 38px);
--marnamic-navigation-accent: var(--marnamic-teal, #61a5ac);
--marnamic-navigation-accent-hover: #78b8be;
--marnamic-navigation-accent-soft: rgba(97, 165, 172, 0.16);
--marnamic-navigation-accent-border: rgba(97, 165, 172, 0.46);
--marnamic-navigation-accent-text: var(--marnamic-dark, #132124);
} body.wp-child-theme-marnamic .site-container {
overflow-x: clip !important;
overflow-y: visible !important;
}
body.wp-child-theme-marnamic .site-header {
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
color: var(--marnamic-ui-text) !important;
background: rgb(19, 33, 36) !important;
width: 100% !important;
border: 0 !important;
box-shadow: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
body.admin-bar.wp-child-theme-marnamic .site-header {
top: 32px !important;
}
body.wp-child-theme-marnamic .header-navbar {
display: flex !important;
width: var(--marnamic-shell-width) !important;
min-height: var(--marnamic-header-height) !important;
align-items: center !important;
justify-content: space-between !important;
gap: var(--marnamic-header-gap) !important;
margin: 0 auto !important;
padding: 0 var(--marnamic-header-padding-x) !important;
background: transparent !important;
border: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__start,
body.wp-child-theme-marnamic .header-navbar__end,
body.wp-child-theme-marnamic .header-navbar__actions {
display: flex !important;
min-width: 0 !important;
align-items: center !important;
}
body.wp-child-theme-marnamic .header-navbar__start {
flex: 0 1 auto !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__start-divider {
display: none;
}
body.wp-child-theme-marnamic .header-navbar__end {
flex: 1 1 auto !important;
justify-content: flex-end !important;
gap: 18px !important;
}
body.wp-child-theme-marnamic .header-logo,
body.wp-child-theme-marnamic .header-logo a,
body.wp-child-theme-marnamic .custom-logo-link {
display: inline-flex !important;
min-width: 0 !important;
align-items: center !important;
color: var(--marnamic-ui-text) !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic .header-logo img,
body.wp-child-theme-marnamic .custom-logo {
display: block !important;
width: auto !important;
max-width: min(56px, 22vw) !important;
height: 42px !important;
max-height: 42px !important;
object-fit: contain !important;
}
body.wp-child-theme-marnamic .header-logo__name {
color: var(--marnamic-ui-text) !important;
font-family: var(--marnamic-font-display, inherit) !important;
font-size: 1.2rem !important;
font-weight: 700 !important;
line-height: 1.12 !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic .header-logo__description {
color: var(--marnamic-ui-text-muted) !important;
font-size: 0.82rem !important;
}
body.wp-child-theme-marnamic .header-navbar__menu {
flex: 0 1 auto !important;
min-width: 0 !important;
align-self: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__menu ul,
body.wp-child-theme-marnamic .header-navbar__burger ul,
body.wp-child-theme-marnamic .footer-navbar__menu ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul {
display: flex !important;
min-width: 0 !important;
align-items: center !important;
justify-content: flex-end !important;
gap: clamp(18px, 2.1vw, 28px) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li {
position: relative !important;
display: flex !important;
min-width: 0 !important;
align-items: center !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-login.menu-item--first,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.menu-item--user-login.menu-item--first,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--first,
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.menu-item--user-account.menu-item--first {
display: none !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:is(
.menu-item--user-login,
.menu-item--user-account
):not(.menu-item--last),
body.wp-child-theme-marnamic .header-navbar__burger > ul > li:is(
.menu-item--user-login,
.menu-item--user-account
):not(.menu-item--last),
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:is(
.hp-menu__item--listings-edit,
.hp-menu__item--user-listing-packages-view,
.hp-menu__item--listings-favorite,
.hp-menu__item--user-edit-settings,
.hp-menu__item--user-logout
),
body.wp-child-theme-marnamic .header-navbar__burger > ul > li:is(
.hp-menu__item--listings-edit,
.hp-menu__item--user-listing-packages-view,
.hp-menu__item--listings-favorite,
.hp-menu__item--user-edit-settings,
.hp-menu__item--user-logout
) {
display: none !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li::before {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > .hp-link {
display: inline-flex !important;
height: auto !important;
min-height: 32px !important;
max-width: 100% !important;
align-items: center !important;
gap: 6px !important;
padding: 0 !important;
color: rgba(241, 233, 221, 0.9) !important;
background: transparent !important;
border: 1px solid transparent !important;
border-radius: 0 !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: clamp(0.92rem, 0.95vw, 1.02rem) !important;
font-weight: 500 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:is(.current-menu-item, .current-menu-ancestor, .active) > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > a:is(:hover, :focus-visible),
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:focus-within > a {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
background: transparent !important;
border-color: transparent !important;
}
body.wp-child-theme-marnamic .header-navbar__menu li.menu-item-has-children::after {
color: var(--marnamic-ui-accent) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul {
top: 100% !important;
left: 0 !important;
display: none !important;
min-width: 240px !important;
max-width: min(320px, calc(100vw - 32px)) !important;
margin-top: 0 !important;
padding: 8px !important;
color: var(--marnamic-ui-text) !important;
background: rgba(24, 39, 43, 0.98) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.32) !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul {
top: calc(100% + 12px) !important;
right: auto !important;
left: 0 !important;
width: max-content !important;
min-width: 260px !important;
max-width: min(320px, calc(100vw - 32px)) !important;
padding: 10px !important;
background: rgba(24, 39, 43, 0.98) !important;
background-clip: padding-box !important;
border-color: rgba(161, 192, 195, 0.24) !important;
outline: 0 !important;
box-shadow: none !important;
} @media (min-width: 981px) {
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul {
right: 0 !important;
left: auto !important;
inset-inline-start: auto !important;
inset-inline-end: 0 !important;
}
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul::before {
position: absolute !important;
right: 0 !important;
bottom: 100% !important;
left: 0 !important;
display: block !important;
height: 12px !important;
content: "" !important;
}
body.wp-child-theme-marnamic .header-navbar__menu li:focus-within > ul,
body.wp-child-theme-marnamic .header-navbar__menu li:hover > ul {
display: grid !important;
gap: 4px !important;
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul li {
display: block !important;
width: 100% !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul a {
display: flex !important;
width: 100% !important;
min-height: 42px !important;
align-items: center !important;
padding: 0 14px !important;
color: var(--marnamic-ui-text-muted) !important;
background: transparent !important;
border: 1px solid transparent !important;
border-radius: var(--marnamic-ui-radius-sm) !important;
font-size: 0.96rem !important;
font-weight: 650 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
body.wp-child-theme-marnamic .header-navbar__menu ul ul a:is(:hover, :focus-visible) {
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: var(--marnamic-navigation-accent-soft, rgba(97, 165, 172, 0.16)) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul > li > a {
display: flex !important;
width: 100% !important;
min-height: 42px !important;
align-items: center !important;
gap: 8px !important;
padding: 0 14px !important;
color: var(--marnamic-ui-text-muted) !important;
background: transparent !important;
border: 1px solid transparent !important;
border-radius: var(--marnamic-ui-radius-sm) !important;
font-size: 0.96rem !important;
font-weight: 650 !important;
line-height: 1.2 !important;
} body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul > li:is(
.current-menu-item,
.current-menu-ancestor,
.active,
.hp-menu__item--current
) > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul > li > a:is(:hover, :focus-visible) {
color: var(--marnamic-ui-text, #f1e9dd) !important;
-webkit-text-fill-color: var(--marnamic-ui-text, #f1e9dd) !important;
background: var(--marnamic-navigation-accent-soft, rgba(97, 165, 172, 0.16)) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last > a {
width: auto !important;
min-width: 0 !important;
max-width: min(240px, 20vw) !important;
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
justify-content: flex-start !important;
gap: 12px !important;
padding: 0 36px 0 14px !important;
color: var(--marnamic-ui-text) !important;
background: rgba(15, 25, 27, 0.76) !important;
border: 1px solid rgba(161, 192, 195, 0.26) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last > a > span {
display: block !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last::after {
right: 12px !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last::after {
flex: 0 0 auto !important;
color: var(--marnamic-ui-accent) !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last:is(.current-menu-item, .current-menu-ancestor, .active) > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last > a:is(:hover, :focus-visible),
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last:focus-within > a {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
background: rgba(15, 25, 27, 0.92) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
} html body.wp-child-theme-marnamic #menu-header-2 > li.menu-item--user-account > a > small,
html body.wp-child-theme-marnamic #menu-header-2 .hp-menu__item--messages-thread > a > small {
color: var(--marnamic-ui-primary-text, #132124) !important;
-webkit-text-fill-color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary, #e7fd87) !important;
border: 1px solid rgba(19, 33, 36, 0.28) !important;
border-radius: var(--marnamic-ui-radius-pill, 999px) !important;
font-weight: 800 !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.menu-item--user-account > a {
max-width: 100% !important;
}
body.wp-child-theme-marnamic .header-navbar__actions {
flex: 0 0 auto !important;
justify-content: flex-end !important;
gap: 10px !important;
}
body.wp-child-theme-marnamic .header-navbar__actions .hp-menu--site-header {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__actions .hp-menu--site-header ul {
right: 0 !important;
left: auto !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item,
.hp-menu__item > a,
.menu-item > a,
.button
) {
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a,
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
a.hp-menu__item--listing-submit,
a.hp-menu__item--listing-submit.button
) {
display: inline-flex !important;
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 0 16px !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.9rem !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a {
color: var(--marnamic-ui-text) !important;
background: rgba(15, 25, 27, 0.76) !important;
border: 1px solid rgba(161, 192, 195, 0.26) !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
a.hp-menu__item--listing-submit,
a.hp-menu__item--listing-submit.button
) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border: 1px solid var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"]) {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
background: rgba(15, 25, 27, 0.92) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
a.hp-menu__item--listing-submit,
a.hp-menu__item--listing-submit.button
):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary-hover) !important;
border-color: var(--marnamic-ui-primary-hover) !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item,
.hp-menu__item > a,
.menu-item > a,
.button
) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a {
color: var(--marnamic-ui-text) !important;
background: rgba(15, 25, 27, 0.76) !important;
border-color: rgba(161, 192, 195, 0.26) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"]) {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
background: rgba(15, 25, 27, 0.92) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-account,
.menu-item--user-account
) > a {
min-width: clamp(148px, 10vw, 184px) !important;
max-width: min(240px, 18vw) !important;
justify-content: flex-start !important;
gap: 12px !important;
padding: 0 18px 0 14px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-account,
.menu-item--user-account
) > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-account,
.menu-item--user-account
) > a::after {
flex: 0 0 auto !important;
}
body.wp-child-theme-marnamic .header-navbar__burger {
flex: 0 0 auto !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > a,
body.wp-child-theme-marnamic .menu-toggle {
position: relative !important;
flex: 0 0 var(--marnamic-ui-icon-size) !important;
width: var(--marnamic-ui-icon-size) !important;
min-width: var(--marnamic-ui-icon-size) !important;
height: var(--marnamic-ui-icon-size) !important;
min-height: var(--marnamic-ui-icon-size) !important;
margin: 0 !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-menu__item--listings-edit > a > small {
color: var(--marnamic-ui-primary-text, #132124) !important;
-webkit-text-fill-color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary, #e7fd87) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > a small {
position: absolute !important;
top: -7px !important;
right: -7px !important;
min-width: 18px !important;
min-height: 18px !important;
margin: 0 !important;
padding: 0 5px !important;
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border: 1px solid var(--marnamic-ui-bg-deep) !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
font-size: 0.7rem !important;
font-weight: 800 !important;
line-height: 18px !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic .header-navbar__menu {
display: flex !important;
justify-content: flex-end !important;
}
body.wp-child-theme-marnamic .site-header .header-navbar__burger {
display: none !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic {
--marnamic-shell-width: 100%;
--marnamic-header-padding-x: clamp(18px, 5vw, 32px);
}
body.wp-child-theme-marnamic.marnamic-mobile-menu-active {
overflow: hidden !important;
}
body.wp-child-theme-marnamic .site-header {
overflow: visible !important;
}
body.wp-child-theme-marnamic .header-navbar {
min-height: var(--marnamic-header-height-mobile) !important;
padding: 0 var(--marnamic-header-padding-x) !important;
} body.wp-child-theme-marnamic .header-navbar__start .marnamic-matching-return {
order: 1 !important;
}
body.wp-child-theme-marnamic .header-navbar__start .header-logo {
order: 2 !important;
}
body.wp-child-theme-marnamic .header-navbar__start-divider {
display: none !important;
}
body.admin-bar.wp-child-theme-marnamic .site-header {
top: 32px !important;
}
body.wp-child-theme-marnamic .header-logo img,
body.wp-child-theme-marnamic .custom-logo {
max-width: min(54px, 24vw) !important;
height: 42px !important;
max-height: 42px !important;
}
body.wp-child-theme-marnamic .header-navbar__menu {
display: none !important;
}
body.wp-child-theme-marnamic .header-navbar__end {
flex: 0 1 auto !important;
gap: 8px !important;
}
body.wp-child-theme-marnamic .header-navbar__actions {
max-width: calc(100vw - 132px) !important;
gap: 6px !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) {
display: none !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
a.hp-menu__item--listing-submit,
a.hp-menu__item--listing-submit.button
),
body.wp-child-theme-marnamic .header-navbar__burger > a,
body.wp-child-theme-marnamic .menu-toggle {
width: var(--marnamic-ui-icon-size) !important;
min-width: var(--marnamic-ui-icon-size) !important;
height: var(--marnamic-ui-icon-size) !important;
min-height: var(--marnamic-ui-icon-size) !important;
padding: 0 !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-size: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
a.hp-menu__item--listing-submit,
a.hp-menu__item--listing-submit.button
) :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic .header-navbar__burger > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]) {
font-size: 1rem !important;
}
body.wp-child-theme-marnamic .header-navbar__burger {
position: relative !important;
display: flex !important;
z-index: 1010 !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul {
position: fixed !important;
top: calc(var(--marnamic-header-height-mobile) + 10px) !important;
right: var(--marnamic-header-padding-x) !important;
bottom: auto !important;
left: auto !important;
z-index: 10020 !important;
display: grid !important;
width: min(360px, calc(100vw - var(--marnamic-header-padding-x) - var(--marnamic-header-padding-x))) !important;
max-height: calc(100dvh - var(--marnamic-header-height-mobile) - 22px - env(safe-area-inset-bottom)) !important;
gap: 4px !important;
margin: 0 !important;
padding: 8px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
color: var(--marnamic-ui-text) !important;
background: rgba(24, 39, 43, 0.98) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-6px) !important;
transition:
opacity var(--marnamic-ui-transition),
transform var(--marnamic-ui-transition),
visibility var(--marnamic-ui-transition) !important;
scrollbar-color: var(--marnamic-ui-accent) rgba(15, 25, 27, 0.6) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul::before {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .header-navbar__burger.marnamic-mobile-menu-open > ul {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: none !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li {
position: relative !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li::before {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul a,
body.wp-child-theme-marnamic .header-navbar__burger > ul .hp-link {
display: flex !important;
width: 100% !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
padding: 0 12px !important;
color: rgba(241, 233, 221, 0.9) !important;
background: transparent !important;
border: 1px solid transparent !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
line-height: 1.15 !important;
text-align: left !important;
text-transform: uppercase !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul li:is(.current-menu-item, .current-menu-ancestor, .active) > a,
body.wp-child-theme-marnamic .header-navbar__burger > ul a:is(:hover, :focus-visible) {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
background: var(--marnamic-navigation-accent-soft, rgba(97, 165, 172, 0.16)) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul li.menu-item-has-children::after {
top: 13px !important;
right: 12px !important;
color: var(--marnamic-ui-accent) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul li.menu-item-has-children.active::after,
body.wp-child-theme-marnamic .header-navbar__burger > ul li.menu-item-has-children:focus-within::after {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
transform: rotate(90deg) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul ul {
display: none !important;
margin: 4px 0 6px 10px !important;
padding: 6px 0 6px 10px !important;
border-left: 1px solid var(--marnamic-ui-border-soft) !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.menu-item--user-account > ul.hp-menu--user-account {
display: grid !important;
gap: 4px !important;
margin: 6px 0 8px 8px !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul > li.menu-item--user-account > a {
max-width: 100% !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul li.active > ul,
body.wp-child-theme-marnamic .header-navbar__burger > ul li:focus-within > ul {
display: grid !important;
gap: 4px !important;
}
}
@media (max-width: 782px) {
body.admin-bar.wp-child-theme-marnamic .site-header {
top: 46px !important;
}
body.admin-bar.wp-child-theme-marnamic .header-navbar__burger > ul {
top: calc(46px + var(--marnamic-header-height-mobile) + 10px) !important;
}
}
@media (max-width: 480px) {
body.wp-child-theme-marnamic {
--marnamic-shell-width: 100%;
--marnamic-header-padding-x: 20px;
}
body.wp-child-theme-marnamic .header-navbar {
gap: 8px !important;
}
body.wp-child-theme-marnamic .header-navbar__actions .hp-menu--site-header .hp-menu__item--listing-submit.button {
display: none !important;
}
body.wp-child-theme-marnamic .header-navbar__burger > ul {
right: 20px !important;
width: calc(100vw - 40px) !important;
}
} body.wp-child-theme-marnamic .marnamic-mobile-tabbar {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch {
display: none !important;
} body.wp-child-theme-marnamic .marnamic-matching-return {
display: none !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic {
--marnamic-header-height: 96px;
--marnamic-matching-header-bg: var(--marnamic-cream, #f1e9dd);
--marnamic-matching-header-text: var(--marnamic-dark, #132124);
--marnamic-matching-nav-hover-text: var(--marnamic-teal-dark, #05717c);
--marnamic-matching-nav-hover-bg: rgba(97, 165, 172, 0.1);
--marnamic-matching-nav-active-bg: rgba(97, 165, 172, 0.16);
--marnamic-matching-focus-ring: rgba(5, 113, 124, 0.42);
}
body.wp-child-theme-marnamic .site-header {
color: var(--marnamic-matching-header-text) !important;
background: var(--marnamic-matching-header-bg) !important;
border-bottom: 1px solid rgba(19, 33, 36, 0.1) !important;
box-shadow: 0 10px 28px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic .header-navbar {
min-height: var(--marnamic-header-height) !important;
padding-inline: clamp(28px, 3.75vw, 72px) !important;
}
body.wp-child-theme-marnamic .header-navbar__start {
flex: 0 0 auto !important;
gap: clamp(12px, 1.5vw, 24px) !important;
}
body.wp-child-theme-marnamic .header-navbar__start-divider {
display: block !important;
width: 1px !important;
height: 28px !important;
flex: 0 0 1px !important;
background: rgba(19, 33, 36, 0.2) !important;
}
body.wp-child-theme-marnamic .header-logo,
body.wp-child-theme-marnamic .header-logo a,
body.wp-child-theme-marnamic .custom-logo-link,
body.wp-child-theme-marnamic .header-logo__name,
body.wp-child-theme-marnamic .header-logo__description {
color: var(--marnamic-matching-header-text) !important;
}
body.wp-child-theme-marnamic .header-logo img,
body.wp-child-theme-marnamic .custom-logo {
width: 48px !important;
max-width: 48px !important;
height: 48px !important;
max-height: 48px !important;
filter: brightness(0) saturate(100%) !important;
}
body.wp-child-theme-marnamic .marnamic-matching-return {
display: inline-flex !important;
min-height: 40px !important;
align-items: center !important;
gap: 8px !important;
padding: 0 6px !important;
color: var(--marnamic-matching-header-text) !important;
background: transparent !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.84rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
text-transform: lowercase !important;
}
body.wp-child-theme-marnamic .marnamic-matching-return svg {
width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.8 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
body.wp-child-theme-marnamic .marnamic-matching-return:is(:hover, :focus-visible) {
color: var(--marnamic-matching-nav-hover-text) !important;
background: var(--marnamic-matching-nav-hover-bg) !important;
}
body.wp-child-theme-marnamic .marnamic-matching-return:focus-visible {
outline: 3px solid var(--marnamic-matching-focus-ring) !important;
outline-offset: 2px !important;
}
body.wp-child-theme-marnamic .header-navbar__end {
gap: clamp(22px, 2.5vw, 42px) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul {
gap: clamp(6px, 0.9vw, 14px) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > .hp-link {
min-height: 44px !important;
color: var(--marnamic-matching-header-text) !important;
font-size: clamp(0.94rem, 1.05vw, 1.08rem) !important;
font-weight: 550 !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:is(.current-menu-item, .current-menu-ancestor, .active) > a,
body.wp-child-theme-marnamic .header-navbar__menu > ul > li > a:is(:hover, :focus-visible),
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:focus-within > a,
body.wp-child-theme-marnamic .header-navbar__menu li.menu-item-has-children::after {
color: var(--marnamic-teal-dark, #05717c) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a {
min-height: 48px !important;
padding-inline: 18px !important;
color: var(--marnamic-matching-header-text) !important;
background: var(--marnamic-teal, #61a5ac) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
border-radius: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account
) > a:is(:hover, :focus-visible, [aria-expanded="true"]) {
color: var(--marnamic-matching-header-text) !important;
background: var(--marnamic-navigation-accent-hover, #78b8be) !important;
border-color: var(--marnamic-navigation-accent-hover, #78b8be) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a :is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *, [class*="fa-"], [class*="icon"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a::after {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
border-color: currentColor !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account.menu-item--last::after {
color: var(--marnamic-matching-header-text) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item-has-children::after {
color: var(--marnamic-matching-header-text) !important;
transition: color 160ms ease !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item-has-children:is(
.current-menu-item,
.current-menu-ancestor,
.active,
:hover,
:focus-within
)::after {
color: var(--marnamic-matching-nav-hover-text) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li.menu-item--user-account > ul {
top: calc(100% + 12px) !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic {
--marnamic-header-height-mobile: 0px;
--marnamic-mobile-tabbar-height: calc(68px + env(safe-area-inset-bottom));
padding-bottom: var(--marnamic-mobile-tabbar-height) !important;
} body.wp-child-theme-marnamic .site-header {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar {
position: fixed !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 9000 !important;
display: grid !important;
min-height: var(--marnamic-mobile-tabbar-height) !important;
grid-template-columns: repeat(var(--marnamic-mobile-tab-count, 5), minmax(0, 1fr)) !important;
align-items: stretch !important;
gap: 0 !important;
margin: 0 !important;
padding:
5px max(8px, env(safe-area-inset-right))
max(5px, env(safe-area-inset-bottom))
max(8px, env(safe-area-inset-left)) !important;
color: var(--marnamic-ui-text-muted) !important;
background: rgb(15, 25, 27) !important;
border-top: 1px solid rgba(161, 192, 195, 0.2) !important;
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.2) !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch {
position: relative !important;
z-index: 10 !important;
display: grid !important;
box-sizing: border-box !important;
width: var(--marnamic-mobile-shell-width, calc(100% - 32px)) !important;
max-width: 720px !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
margin: max(12px, env(safe-area-inset-top)) auto 0 !important;
padding: 6px !important;
background: rgba(24, 39, 43, 0.94) !important;
border: 1px solid var(--marnamic-ui-border-soft, rgba(161, 192, 195, 0.18)) !important;
border-radius: var(--marnamic-ui-radius-lg, 12px) !important;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16) !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch__item {
display: inline-flex !important;
box-sizing: border-box !important;
min-width: 0 !important;
min-height: 50px !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 10px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: rgba(15, 25, 27, 0.78) !important;
border: 1px solid var(--marnamic-ui-border, rgba(161, 192, 195, 0.28)) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: clamp(0.76rem, 3.5vw, 0.9rem) !important;
font-weight: 700 !important;
line-height: 1.15 !important;
text-align: center !important;
text-decoration: none !important;
white-space: nowrap !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch__item :is(i, i::before) {
flex: 0 0 auto !important;
color: var(--marnamic-ui-accent, #a1c0c3) !important;
font-size: 0.88rem !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch__item span {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch__item:is(:hover, :focus-visible) {
color: var(--marnamic-navigation-accent-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
border-color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch__item:is(:hover, :focus-visible) :is(i, i::before) {
color: currentColor !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__item {
position: relative !important;
display: grid !important;
min-width: 0 !important;
min-height: 56px !important;
grid-template-rows: 26px 16px !important;
align-content: center !important;
align-items: center !important;
justify-items: center !important;
gap: 2px !important;
margin: 0 !important;
padding: 4px 2px !important;
color: var(--marnamic-ui-text-muted) !important;
background: transparent !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-sm) !important;
font-family: var(--marnamic-font-body, inherit) !important;
line-height: 1 !important;
text-align: center !important;
text-decoration: none !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__icon {
display: inline-flex !important;
width: 32px !important;
height: 26px !important;
align-items: center !important;
justify-content: center !important;
color: currentColor !important;
font-size: 1.12rem !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__icon :is(i, i::before) {
color: currentColor !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__label {
display: block !important;
width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
font-size: clamp(0.62rem, 2.6vw, 0.72rem) !important;
font-weight: 650 !important;
line-height: 1.15 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar--dense .marnamic-mobile-tabbar__icon {
font-size: 1rem !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar--dense .marnamic-mobile-tabbar__label {
font-size: clamp(0.56rem, 2.35vw, 0.68rem) !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__item:is(:hover, :focus-visible) {
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-navigation-accent-soft, rgba(97, 165, 172, 0.16)) !important;
outline: 2px solid transparent !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__item:is(.is-active, [aria-expanded="true"]) {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic .marnamic-mobile-tabbar__item:is(.is-active, [aria-expanded="true"])::before {
position: absolute !important;
top: 1px !important;
left: 50% !important;
width: 28px !important;
height: 3px !important;
background: currentColor !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
content: "" !important;
transform: translateX(-50%) !important;
} body.wp-child-theme-marnamic.hp-template--vendors-view-page .site-header,
body.wp-child-theme-marnamic.marnamic-vendor-discovery .site-header,
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor .site-header {
display: none !important;
} body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .marnamic-mobile-tabbar,
body.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .marnamic-mobile-tabbar,
body.wp-child-theme-marnamic.marnamic-mobile-menu-active .marnamic-mobile-tabbar,
body.wp-child-theme-marnamic.fancybox-active .marnamic-mobile-tabbar,
html.fancybox-enabled body.wp-child-theme-marnamic .marnamic-mobile-tabbar {
display: none !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open,
body.wp-child-theme-marnamic.marnamic-listing-search-mobile-open {
padding-bottom: 0 !important;
}
}
@media (max-width: 340px) {
body.wp-child-theme-marnamic .marnamic-mobile-marketplace-switch {
grid-template-columns: minmax(0, 1fr) !important;
}
}
body.wp-child-theme-marnamic .site-footer {
position: relative !important;
color: var(--marnamic-ui-text-muted) !important;
background:
linear-gradient(180deg, rgba(15, 25, 27, 1), rgba(19, 33, 36, 1)) !important;
border-top: 1px solid rgba(231, 253, 135, 0.18) !important;
}
body.wp-child-theme-marnamic .site-footer .container {
width: var(--marnamic-shell-width) !important;
}
body.wp-child-theme-marnamic .footer-widgets {
padding: 34px 0 !important;
border-bottom: 1px solid var(--marnamic-ui-border-soft) !important;
}
body.wp-child-theme-marnamic .footer-widgets .row {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
gap: 22px !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .footer-widgets .row > [class*="col-"],
body.wp-child-theme-marnamic .footer-widgets .widget--footer {
width: auto !important;
max-width: none !important;
flex: initial !important;
min-width: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .widget--footer .widget__title,
body.wp-child-theme-marnamic .footer-widgets .widget__title {
margin: 0 0 12px !important;
padding-top: 12px !important;
color: var(--marnamic-ui-text) !important;
font-family: var(--marnamic-font-display, inherit) !important;
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic .widget--footer .widget__title::before,
body.wp-child-theme-marnamic .footer-widgets .widget__title::before {
top: 0 !important;
width: 30px !important;
height: 3px !important;
background: var(--marnamic-ui-primary) !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
}
body.wp-child-theme-marnamic .site-footer :is(p, li, address, .textwidget) {
color: var(--marnamic-ui-text-muted) !important;
line-height: 1.65 !important;
}
body.wp-child-theme-marnamic .site-footer :is(a, .footer-navbar__menu a, .widget--footer a) {
color: var(--marnamic-ui-text-muted) !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic .site-footer :is(a, .footer-navbar__menu a, .widget--footer a):is(:hover, :focus-visible) {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic .footer-navbar {
display: flex !important;
min-height: 74px !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
padding: 18px 0 !important;
}
body.wp-child-theme-marnamic .footer-navbar__start,
body.wp-child-theme-marnamic .footer-navbar__end {
display: flex !important;
min-width: 0 !important;
align-items: center !important;
}
body.wp-child-theme-marnamic .footer-navbar__end:only-child {
width: 100% !important;
justify-content: center !important;
}
body.wp-child-theme-marnamic .footer-navbar__copyright {
color: var(--marnamic-ui-text-soft) !important;
font-size: 0.92rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu ul {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 8px !important;
}
body.wp-child-theme-marnamic .footer-navbar__end:only-child .footer-navbar__menu ul {
justify-content: center !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu li {
margin: 0 !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu a {
display: inline-flex !important;
min-height: 34px !important;
align-items: center !important;
padding: 0 10px !important;
border: 1px solid transparent !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-size: 0.92rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu a:is(:hover, :focus-visible) {
background: var(--marnamic-navigation-accent-soft, rgba(97, 165, 172, 0.16)) !important;
border-color: var(--marnamic-navigation-accent-border, rgba(97, 165, 172, 0.46)) !important;
}
body.wp-child-theme-marnamic {
--gtt-tooltip-text-color: var(--marnamic-ui-text);
--gtt-tooltip-bg: var(--marnamic-ui-surface-raised);
--gtt-tooltip-border: rgba(231, 253, 135, 0.32);
}
body.wp-child-theme-marnamic .glossary-link {
color: var(--marnamic-ui-primary, #e7fd87) !important;
text-decoration-color: currentColor !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 0.16em !important;
}
body.wp-child-theme-marnamic .glossary-link:is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary, #e7fd87) !important;
text-decoration-color: currentColor !important;
}
body.wp-child-theme-marnamic .marnamic-surface--light .glossary-link {
color: var(--marnamic-teal-dark, #05717c) !important;
text-decoration-color: currentColor !important;
}
body.wp-child-theme-marnamic .marnamic-surface--light .glossary-link:is(:hover, :focus-visible) {
color: var(--marnamic-teal-dark, #05717c) !important;
text-decoration-color: currentColor !important;
}
body.wp-child-theme-marnamic .glossary-tooltip::after,
body.wp-child-theme-marnamic .glossary-link::after {
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-surface-raised) !important;
border: 1px solid rgba(231, 253, 135, 0.32) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.34) !important;
}
body.wp-child-theme-marnamic .glossary-tooltip::before,
body.wp-child-theme-marnamic .glossary-link::before {
border-color: rgba(231, 253, 135, 0.32) transparent transparent transparent !important;
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic .footer-widgets {
padding: 28px 0 !important;
}
body.wp-child-theme-marnamic .footer-navbar {
min-height: 0 !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 12px !important;
padding: 18px 0 calc(var(--marnamic-mobile-tabbar-height, 68px) + 24px) !important;
text-align: center !important;
}
body.wp-child-theme-marnamic .footer-navbar__start,
body.wp-child-theme-marnamic .footer-navbar__end {
justify-content: center !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu {
width: 100% !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu ul {
display: grid !important;
width: 100% !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px 22px !important;
justify-content: stretch !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu a {
width: 100% !important;
justify-content: center !important;
white-space: normal !important;
}
} @media (min-width: 981px) {
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:not(.menu-item--user-login, .menu-item--user-account) > a {
min-height: var(--marnamic-header-navigation-height) !important;
padding: 0 14px !important;
color: var(--marnamic-matching-header-text, #132124) !important;
background: transparent !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
font-family: var(--marnamic-font-body, "Quicksand", sans-serif) !important;
font-size: clamp(0.9rem, 0.84rem + 0.2vw, 1rem) !important;
font-weight: 650 !important;
line-height: 1.2 !important;
letter-spacing: 0.035em !important;
text-decoration: none !important;
text-transform: uppercase !important;
overflow: visible !important;
text-overflow: clip !important;
transition: color 160ms ease, background-color 160ms ease !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:is(
.menu-item--user-login,
.menu-item--user-account
) > a,
body.wp-child-theme-marnamic .header-navbar__actions :is(
.hp-menu__item--user-login,
.hp-menu__item--user-account,
.menu-item--user-login,
.menu-item--user-account,
.hp-menu__item--listing-submit,
.hp-menu__item--listing-submit.button,
a.hp-menu__item--listing-submit,
a.hp-menu__item--listing-submit.button
) {
height: var(--marnamic-header-navigation-height) !important;
min-height: var(--marnamic-header-navigation-height) !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:not(.menu-item--user-login, .menu-item--user-account):is(
.current-menu-item,
.current-menu-ancestor,
.active
) > a {
color: var(--marnamic-matching-nav-hover-text, #05717c) !important;
background: var(--marnamic-matching-nav-active-bg, rgba(97, 165, 172, 0.16)) !important;
border-color: transparent !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:not(.menu-item--user-login, .menu-item--user-account) > a:is(:hover, :focus-visible),
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:not(.menu-item--user-login, .menu-item--user-account):focus-within > a {
color: var(--marnamic-matching-nav-hover-text, #05717c) !important;
background: var(--marnamic-matching-nav-hover-bg, rgba(97, 165, 172, 0.1)) !important;
border-color: transparent !important;
}
body.wp-child-theme-marnamic .header-navbar__menu > ul > li:not(.menu-item--user-login, .menu-item--user-account) > a:focus-visible,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar :is(
.menu-item--user-login.menu-item--last,
.menu-item--user-account,
.hp-menu__item--user-login,
.hp-menu__item--user-account
) > a:focus-visible {
outline: 3px solid var(--marnamic-matching-focus-ring, rgba(5, 113, 124, 0.42)) !important;
outline-offset: 2px !important;
}
} body.wp-child-theme-marnamic .site-footer {
background: #132124 !important;
border-top: 0 !important;
}
body.wp-child-theme-marnamic .site-footer :is(a, .footer-navbar__menu a, .widget--footer a) {
color: #f1e9dd !important;
font-family: var(--marnamic-font-body, "Quicksand", sans-serif) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 23.8px !important;
letter-spacing: normal !important;
text-decoration: none !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu a {
min-height: 0 !important;
padding: 0 !important;
color: #f1e9dd !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu ul {
column-gap: 22px !important;
}
body.wp-child-theme-marnamic .site-footer :is(a, .footer-navbar__menu a, .widget--footer a):is(:hover, :focus-visible) {
color: #a1c0c3 !important;
background: transparent !important;
border-color: transparent !important;
}
body.wp-child-theme-marnamic .footer-navbar__menu li:is(.current-menu-item, .current-menu-ancestor, .active) > a {
color: var(--marnamic-navigation-accent, var(--marnamic-teal, #61a5ac)) !important;
} @media (max-width: 980px) {
body.wp-child-theme-marnamic .mn-platform-footer {
padding: 8px max(16px, env(safe-area-inset-right))
calc(8px + var(--marnamic-mobile-tabbar-height, calc(68px + env(safe-area-inset-bottom))))
max(16px, env(safe-area-inset-left)) !important;
}
body.wp-child-theme-marnamic .mn-platform-footer__inner {
gap: 4px;
}
body.wp-child-theme-marnamic .mn-platform-footer__meta {
gap: 2px 8px;
}
body.wp-child-theme-marnamic .mn-platform-footer__credit {
min-height: 14px;
gap: 4px;
font-size: 0.7rem;
line-height: 14px;
}
body.wp-child-theme-marnamic .mn-platform-footer__openclaw {
width: 14px;
height: 14px;
}
body.wp-child-theme-marnamic .mn-platform-footer__links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 12px;
align-items: stretch;
} body.wp-child-theme-marnamic .mn-platform-footer .mn-platform-footer__menu {
display: contents;
}
body.wp-child-theme-marnamic .mn-platform-footer__menu > li {
min-width: 0;
}
body.wp-child-theme-marnamic .mn-platform-footer__links :is(a, .mn-platform-footer__cookie) {
box-sizing: border-box;
width: 100%;
min-width: 0;
min-height: 44px !important;
height: auto;
margin: 0;
padding: 6px 0;
justify-content: flex-start;
font-size: 0.78rem;
line-height: 1.35;
letter-spacing: 0;
overflow-wrap: anywhere;
white-space: normal;
text-align: left;
}
}  body.wp-child-theme-marnamic.wp-child-theme-marnamic select.select2-hidden-accessible.select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
} body.wp-child-theme-marnamic .header-navbar__menu ul ul {
top: 100% !important;
margin-top: 0 !important;
}
body.wp-child-theme-marnamic .header-navbar__menu li:is(:hover, :focus-within) > ul {
display: grid !important;
gap: 4px !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(.hp-form__field, .hp-form__footer) {
display: flex !important;
min-width: 0 !important;
align-items: center !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(
input,
select,
.hp-field--location,
.select2-container,
.select2-selection--single,
.hp-form__button,
button[type="submit"],
input[type="submit"]
) {
min-width: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container {
width: 100% !important;
}
body.wp-child-theme-marnamic .hp-page__topbar .hp-menu--tabbed ul {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.wp-child-theme-marnamic .hp-page__topbar .hp-menu--tabbed li {
margin: 0 !important;
}
body.wp-child-theme-marnamic .hp-page__topbar .hp-menu--tabbed a {
display: inline-flex !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
color: var(--marnamic-ui-text-muted) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-page__topbar .hp-menu--tabbed :is(.current-menu-item, .hp-menu__item--current) > a,
body.wp-child-theme-marnamic .hp-page__topbar .hp-menu--tabbed a:is(:hover, :focus-visible) {
color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-action-selected, var(--marnamic-teal, #61a5ac)) !important;
border-color: var(--marnamic-action-selected, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic .hp-page__topbar :is(
.hp-listing__actions--secondary,
.hp-vendor__actions--secondary
) {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
align-items: center !important;
justify-content: flex-end !important;
}
body.wp-child-theme-marnamic .hp-page__topbar :is(
.hp-listing__actions--secondary,
.hp-vendor__actions--secondary
) > :is(.hp-listing__action, .hp-vendor__action, .hp-link) {
display: inline-flex !important;
width: auto !important;
min-width: var(--marnamic-ui-control-height-sm) !important;
max-width: 100% !important;
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
max-height: var(--marnamic-ui-control-height-sm) !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
color: var(--marnamic-ui-primary) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-page__topbar :is(
.hp-listing__actions--secondary,
.hp-vendor__actions--secondary
) > :is(.hp-listing__action, .hp-vendor__action, .hp-link):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--listing-view-page,
.hp-template--vendor-view-page
) .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
),
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-page__sidebar .hp-listing__actions--primary.hp-widget,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-page__sidebar .hp-vendor__actions--primary.hp-widget {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
) > :is(
.hp-listing__action,
.hp-vendor__action,
.button,
.hp-button,
.hp-link
) {
display: inline-flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 0 var(--marnamic-ui-button-padding-x) !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid rgba(161, 192, 195, 0.38) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 1.1 !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
transform: none !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
) > :is(
.hp-listing__action,
.hp-vendor__action,
.button,
.hp-button,
.hp-link
) :is(i, .hp-icon, svg) {
flex: 0 0 auto !important;
width: 1.15em !important;
min-width: 1.15em !important;
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
text-align: center !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
) > :is(
.hp-listing__action,
.hp-vendor__action,
.button,
.hp-button,
.hp-link
) span {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
) > :is(
.hp-listing__action--message,
.hp-listing__action--reply,
.hp-vendor__action--message,
.button--primary,
.button-primary
) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact {
width: 100% !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .select2-selection--multiple {
position: relative !important;
display: flex !important;
width: 100% !important;
height: var(--marnamic-ui-control-height, 56px) !important;
min-height: var(--marnamic-ui-control-height, 56px) !important;
max-height: var(--marnamic-ui-control-height, 56px) !important;
align-items: center !important;
padding: 0 var(--marnamic-ui-control-icon-space, 44px) 0 var(--marnamic-ui-control-padding-x, 18px) !important;
overflow: hidden !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .select2-selection--multiple .select2-selection__rendered {
position: relative !important;
display: flex !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
align-items: center !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
flex-wrap: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .select2-selection__choice {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .select2-search--inline {
flex: 0 0 1px !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .select2-search__field {
width: 1px !important;
min-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .marnamic-select2-summary {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
height: 100% !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.68)) !important;
background: transparent !important;
border: 0 !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.15 !important;
list-style: none !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact.marnamic-select2--has-value .marnamic-select2-summary {
color: var(--marnamic-ui-text, #f1e9dd) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .marnamic-select2-summary__label {
display: block !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact .marnamic-select2-summary__clear {
display: none !important;
flex: 0 0 28px !important;
width: 28px !important;
min-width: 28px !important;
height: 28px !important;
min-height: 28px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary, #e7fd87) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
font-size: 1.1rem !important;
font-weight: 800 !important;
line-height: 1 !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact.marnamic-select2--has-value .marnamic-select2-summary__clear {
display: inline-flex !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact.select2-container--open .marnamic-select2-summary {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact.select2-container--open .select2-search--inline {
flex: 1 1 100% !important;
width: 100% !important;
min-width: 8rem !important;
max-width: 100% !important;
height: 100% !important;
overflow: visible !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-filter, .hp-form--listing-filter) .select2-container.marnamic-select2--compact.select2-container--open .select2-search__field {
width: 100% !important;
min-width: 8rem !important;
height: 100% !important;
min-height: 100% !important;
padding: 0 !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
font-size: 1rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-results__option[aria-selected="true"],
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-results__option--selected {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-results__option[aria-selected="true"]::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-results__option--selected::before {
content: "\2713" !important;
flex: 0 0 auto !important;
font-weight: 900 !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
) > :is(
.hp-listing__action--message,
.hp-listing__action--reply,
.hp-vendor__action--message,
.button--primary,
.button-primary
):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary-hover) !important;
border-color: var(--marnamic-ui-primary-hover) !important;
}
body.wp-child-theme-marnamic .hp-page__sidebar :is(
.hp-listing__actions--primary.hp-widget,
.hp-vendor__actions--primary.hp-widget
) > :is(
.hp-listing__action--review,
.hp-listing__action--claim,
.hp-listing__action--report,
.hp-vendor__action--review,
.hp-vendor__action--claim,
.hp-vendor__action--report,
.hp-link
):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary) !important;
background: var(--marnamic-ui-input-hover) !important;
border-color: rgba(231, 253, 135, 0.56) !important;
}
body.wp-child-theme-marnamic :is(.hp-listing--view-block, .hp-vendor--view-block) :is(
.hp-listing__actions,
.hp-vendor__actions
) > :is(.hp-listing__action, .hp-vendor__action, .hp-link) {
width: var(--marnamic-ui-icon-size) !important;
min-width: var(--marnamic-ui-icon-size) !important;
max-width: var(--marnamic-ui-icon-size) !important;
height: var(--marnamic-ui-icon-size) !important;
min-height: var(--marnamic-ui-icon-size) !important;
max-height: var(--marnamic-ui-icon-size) !important;
padding: 0 !important;
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic .hp-page__topbar {
align-items: stretch !important;
}
body.wp-child-theme-marnamic .hp-page__topbar > * {
width: 100% !important;
}
body.wp-child-theme-marnamic .hp-page__topbar :is(
.hp-listing__actions--secondary,
.hp-vendor__actions--secondary
) {
justify-content: stretch !important;
}
body.wp-child-theme-marnamic .hp-page__topbar :is(
.hp-listing__actions--secondary,
.hp-vendor__actions--secondary
) > :is(.hp-listing__action, .hp-vendor__action, .hp-link) {
width: 100% !important;
}
} body.wp-child-theme-marnamic .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic > .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic .select2-dropdown.select2-dropdown--above,
body.wp-child-theme-marnamic .select2-dropdown.select2-dropdown--below {
min-width: 0 !important;
max-width: min(var(--marnamic-ui-dropdown-max-width), calc(100vw - 32px)) !important;
}
body.wp-child-theme-marnamic .site-header .header-navbar :is(
.hp-menu--site-header .hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit.button,
.hp-menu__item--listing-submit > a,
.hp-menu__item--listing-submit > button
) {
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
max-height: var(--marnamic-ui-control-height-sm) !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
font-size: 0.95rem !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic :is(
.button--large,
.hp-button--large,
.button.button--large,
.hp-button.button--large
):not(.map-filter-btn):not(.hp-listing__action):not(.hp-vendor__action) {
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
}
body.wp-child-theme-marnamic :is(
.button--small,
.hp-button--small,
.marnamic-button--compact
):not(.hp-listing__action):not(.hp-vendor__action) {
height: var(--marnamic-ui-control-height-sm) !important;
min-height: var(--marnamic-ui-control-height-sm) !important;
max-height: var(--marnamic-ui-control-height-sm) !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-listing--view-block, .hp-vendor--view-block) :is(
.hp-listing__actions,
.hp-vendor__actions
) > :is(.hp-listing__action, .hp-vendor__action, .hp-link),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__sidebar :is(.hp-listing--view-block, .hp-vendor--view-block) :is(
.hp-listing__actions,
.hp-vendor__actions
) > :is(.hp-listing__action, .hp-vendor__action, .hp-link) {
display: inline-flex !important;
width: var(--marnamic-ui-icon-size) !important;
min-width: var(--marnamic-ui-icon-size) !important;
max-width: var(--marnamic-ui-icon-size) !important;
height: var(--marnamic-ui-icon-size) !important;
min-height: var(--marnamic-ui-icon-size) !important;
max-height: var(--marnamic-ui-icon-size) !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: var(--marnamic-ui-primary) !important;
background: rgba(15, 25, 27, 0.86) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header.site-header .header-navbar.header-navbar .header-navbar__actions .hp-menu--site-header .hp-menu__item--listing-submit.button.button,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header.site-header .header-navbar.header-navbar .hp-menu__item--listing-submit.button.button {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
font-size: 0.95rem !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button--small,
.hp-button--small,
.marnamic-button--compact
):not(.hp-listing__action):not(.hp-vendor__action):not(.map-filter-btn) {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
padding: 0 var(--marnamic-ui-compact-padding-x) !important;
}   body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
display: grid !important;
width: 100% !important;
max-width: none !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
gap: 12px !important;
align-items: stretch !important;
} @media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
--marnamic-air-search-height: 78px;
--marnamic-air-search-inline: 22px;
display: grid !important;
width: min(100%, 1080px) !important;
max-width: 1080px !important;
min-height: var(--marnamic-air-search-height) !important;
grid-template-columns: minmax(0, 1fr) 58px !important;
gap: 10px !important;
align-items: center !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0 10px !important;
color: #132124 !important;
background: #c9c4b9 !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
display: flex !important;
min-width: 0 !important;
height: var(--marnamic-air-search-height) !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-width: 0 !important;
min-height: var(--marnamic-air-search-height) !important;
flex: 1 1 0 !important;
align-content: center !important;
gap: 4px !important;
padding: 13px var(--marnamic-air-search-inline) !important;
color: #132124 !important;
background: transparent !important;
border: 1px solid transparent !important;
border-radius: 999px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child {
padding-left: var(--marnamic-air-search-inline) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:focus-within,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:focus-within {
z-index: 20 !important;
flex-grow: 1.16 !important;
color: #132124 !important;
background: #f6f2ea !important;
border-color: rgba(19, 33, 36, 0.14) !important;
box-shadow: 0 7px 20px rgba(19, 33, 36, 0.16) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within)::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within) + .hp-form__field::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within)::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within) + .hp-form__field::before {
opacity: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, input[type="text"], input[type="search"], .marnamic-air-search__hint),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, input[type="text"], input[type="search"], .marnamic-air-search__hint) {
color: #132124 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label {
font-size: 1.02rem !important;
line-height: 1.05 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
font-size: 0.96rem !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
flex-basis: 58px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
flex-basis: 58px !important;
background-size: 28px 28px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover {
top: calc(100% + 10px) !important;
left: 0 !important;
right: auto !important;
border-radius: 24px !important;
box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
display: grid !important;
width: 100% !important;
max-width: none !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(.hp-form__field, .hp-form__footer) {
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__footer {
display: flex !important;
width: auto !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
flex: 1 1 auto !important;
width: auto !important;
min-width: 156px !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(
input,
select,
.hp-field--location,
.select2-container,
.select2-selection--single
) {
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container.select2-container--default .select2-selection.select2-selection--single {
display: flex !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .select2-container.select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered {
display: flex !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
align-items: center !important;
padding: 0 !important;
line-height: 1.2 !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 100% !important;
}
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--listing-search, .hp-form--vendor-search) .hp-form__fields {
grid-template-columns: 1fr !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
gap: 10px !important;
align-items: center !important;
padding: 8px !important;
overflow: visible !important;
background: rgba(15, 25, 27, 0.92) !important;
border: 1px solid rgba(161, 192, 195, 0.28) !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.is-loading {
cursor: wait !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.is-loading::after {
position: absolute;
inset: 0;
z-index: 5;
pointer-events: none;
background: linear-gradient(90deg, transparent, rgba(231, 253, 135, 0.12), transparent);
border-radius: inherit;
content: "";
animation: marnamic-air-search-loading 1.2s ease-in-out infinite;
}
@keyframes marnamic-air-search-loading {
0% {
opacity: 0.2;
transform: translateX(-18%);
}
50% {
opacity: 0.95;
}
100% {
opacity: 0.2;
transform: translateX(18%);
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
display: grid !important;
grid-template-columns: minmax(220px, 1.25fr) minmax(190px, 0.9fr) minmax(220px, 1fr) !important;
gap: 0 !important;
align-items: stretch !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field {
position: relative !important;
display: grid !important;
min-height: 62px !important;
align-items: center !important;
padding: 10px 18px !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
transition: background-color var(--marnamic-ui-transition), box-shadow var(--marnamic-ui-transition) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:not(:first-child)::before {
position: absolute;
top: 14px;
bottom: 14px;
left: 0;
width: 1px;
background: rgba(161, 192, 195, 0.24);
content: "";
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open) {
z-index: 20;
background: rgba(241, 233, 221, 0.08) !important;
box-shadow: inset 0 0 0 1px rgba(231, 253, 135, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open)::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open) + .hp-form__field::before {
opacity: 0;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__label {
display: block !important;
margin: 0 0 4px !important;
color: var(--marnamic-ui-text) !important;
font-size: 0.78rem !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__hint {
display: block !important;
min-width: 0 !important;
overflow: hidden !important;
color: var(--marnamic-ui-text-soft) !important;
font-size: 0.9rem !important;
font-weight: 650 !important;
line-height: 1.15 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .hp-field--location, .select2-container--default .select2-selection--single) {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 0 !important;
color: var(--marnamic-ui-text) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"]) {
font-size: 0.95rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location {
display: block !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location input[type="text"] {
height: auto !important;
min-height: 0 !important;
padding-right: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .select2-container--default .select2-selection--single .select2-selection__rendered {
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .select2-selection__arrow {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
display: flex !important;
align-items: stretch !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: auto !important;
min-width: 122px !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
padding: 0 24px !important;
border-radius: var(--marnamic-ui-radius-pill) !important;
font-weight: 800 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover {
position: absolute;
top: calc(100% + 12px);
left: 0;
z-index: 10030;
display: none;
width: min(420px, calc(100vw - 32px));
max-height: min(520px, 70vh);
padding: 16px;
overflow-x: hidden;
overflow-y: auto;
color: #132124;
background: #f6f2ea;
border: 1px solid rgba(19, 33, 36, 0.14);
border-radius: var(--marnamic-ui-radius-lg);
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:nth-child(3) .marnamic-air-search__popover {
right: 0;
left: auto;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open .marnamic-air-search__popover {
display: grid;
gap: 14px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__group {
display: grid;
gap: 0;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__group-title {
display: none !important;
color: var(--marnamic-ui-text-soft);
font-size: 0.78rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__options {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option {
display: inline-flex;
max-width: 100%;
min-height: 34px;
align-items: center;
justify-content: center;
padding: 0 12px;
overflow: hidden;
color: var(--marnamic-ui-text);
background: rgba(241, 233, 221, 0.06);
border: 1px solid rgba(161, 192, 195, 0.26);
border-radius: var(--marnamic-ui-radius-pill);
font-family: var(--marnamic-font-body, inherit);
font-size: 0.9rem;
font-weight: 750;
line-height: 1.05;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option:is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text);
background: var(--marnamic-ui-primary);
border-color: var(--marnamic-ui-primary);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chips {
display: flex;
grid-column: 1 / -1;
flex-wrap: wrap;
gap: 8px;
min-height: 0;
padding: 0 8px 4px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chip {
display: inline-flex;
max-width: 100%;
min-height: 28px;
align-items: center;
gap: 6px;
padding: 0 10px;
color: var(--marnamic-ui-primary-text);
background: var(--marnamic-ui-primary);
border: 0;
border-radius: var(--marnamic-ui-radius-pill);
font-size: 0.82rem;
font-weight: 800;
line-height: 1;
white-space: nowrap;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chip--reset {
color: var(--marnamic-ui-text);
background: rgba(241, 233, 221, 0.1);
border: 1px solid rgba(161, 192, 195, 0.26);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chip button {
display: inline-flex;
width: 18px;
height: 18px;
min-height: 18px;
align-items: center;
justify-content: center;
padding: 0;
color: currentColor;
background: transparent;
border: 0;
border-radius: 50%;
font-size: 1rem;
line-height: 1;
cursor: pointer;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chip button:is(:hover, :focus-visible) {
background: rgba(19, 33, 36, 0.16);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-archive-live-loading :is(.hp-page__topbar, .hp-vendors, .hp-listings, .pagination) {
opacity: 0.58;
pointer-events: none;
transition: opacity var(--marnamic-ui-transition);
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .site-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .site-content {
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .site-content > .container {
width: 100% !important;
max-width: none !important;
padding-right: 32px !important;
padding-left: 32px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.site-main {
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
display: flex !important;
flex-wrap: nowrap !important;
gap: 28px !important;
align-items: flex-start !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content {
order: 1 !important;
flex: 0 0 calc(54% - 14px) !important;
max-width: calc(54% - 14px) !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
position: sticky !important;
top: 20px !important;
order: 2 !important;
flex: 0 0 calc(46% - 14px) !important;
max-width: calc(46% - 14px) !important;
max-height: calc(100vh - 40px) !important;
padding-right: 0 !important;
padding-left: 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
display: grid !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
gap: 16px !important;
align-items: center !important;
margin-bottom: 22px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header :is(.marnamic-archive-filter-button, .hp-button--vendor-filter, .hp-button--listing-filter) {
display: inline-flex !important;
width: auto !important;
min-width: 116px !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
width: min(100%, 900px) !important;
justify-self: center !important;
padding: 6px !important;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: minmax(180px, 1.2fr) minmax(160px, 0.8fr) minmax(180px, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 52px !important;
padding: 8px 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
min-width: 58px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
padding: 0 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__topbar {
position: sticky !important;
top: 0 !important;
z-index: 30 !important;
margin: 0 0 24px !important;
padding: 18px 0 !important;
background: var(--marnamic-ui-bg) !important;
border-bottom: 1px solid var(--marnamic-ui-border-soft) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-vendors, .hp-listings) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 28px !important;
align-items: start !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-vendor--view-block, .hp-listing--view-block) {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > :not(.marnamic-map-hotfix):not(.marnamic-archive-map-shell):not(.marnamic-archive-filter-shell):not(:has(.marnamic-map-hotfix)) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > .marnamic-archive-non-map-shell {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > .marnamic-archive-map-shell {
display: block !important;
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar :is(.inner-wrapper-sticky, .marnamic-archive-map-sticky-shell) {
position: static !important;
top: auto !important;
width: 100% !important;
max-width: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar :is(.hp-widget--vendor-filter, .hp-widget--listing-filter) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
clip-path: inset(50%) !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive {
height: calc(100vh - 40px) !important;
min-height: 560px !important;
margin-bottom: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
height: calc(100vh - 40px) !important;
min-height: 560px !important;
border-radius: 16px !important;
}
}
@media (min-width: 1100px) and (max-width: 1320px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .site-content > .container {
padding-right: 24px !important;
padding-left: 24px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-vendors, .hp-listings) {
gap: 22px !important;
}
}
@media (max-width: 1099px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
height: 420px !important;
min-height: 420px !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search {
grid-template-columns: 1fr !important;
border-radius: var(--marnamic-ui-radius-lg) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 58px !important;
border-radius: var(--marnamic-ui-radius-md) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field::before {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover {
position: fixed;
top: auto;
right: 12px !important;
bottom: 12px;
left: 12px !important;
width: auto;
max-height: min(520px, 72vh);
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame .hp-page__topbar {
display: grid !important;
width: 100% !important;
min-width: 0 !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
gap: 12px 20px !important;
align-items: center !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar .hp-result-count,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame .hp-page__topbar .hp-result-count {
display: inline-flex !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
justify-self: start !important;
padding: 0 var(--marnamic-ui-control-padding-x) !important;
overflow: hidden !important;
color: var(--marnamic-ui-text-muted) !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
letter-spacing: 0.04em !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) {
display: grid !important;
width: max-content !important;
min-width: 0 !important;
max-width: 100% !important;
justify-self: end !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field) {
display: grid !important;
width: max-content !important;
min-width: 0 !important;
max-width: 100% !important;
grid-template-columns: max-content minmax(132px, 180px) !important;
gap: 10px !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) .hp-form__fields {
grid-template-columns: max-content !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__label, .hp-field__label),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__label, .hp-field__label) {
margin: 0 !important;
color: var(--marnamic-ui-text-muted) !important;
font-size: 0.86rem !important;
font-weight: 800 !important;
letter-spacing: 0.04em !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container {
width: clamp(132px, 16vw, 180px) !important;
min-width: 0 !important;
max-width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container--default .select2-selection--single {
width: 100% !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-selection__rendered,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-selection__rendered {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open {
width: auto !important;
min-width: min(var(--marnamic-ui-dropdown-min-width), calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
overflow: visible !important;
z-index: 10080 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-dropdown {
display: block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
max-height: min(280px, 52vh) !important;
overflow: hidden !important;
z-index: 10080 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open:has(.select2-dropdown--inline) {
min-width: min(180px, calc(100vw - 32px)) !important;
max-width: min(180px, calc(100vw - 32px)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-dropdown--inline {
width: min(180px, calc(100vw - 32px)) !important;
min-width: min(180px, calc(100vw - 32px)) !important;
max-width: min(180px, calc(100vw - 32px)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open :is(.select2-results, .select2-results__options) {
width: 100% !important;
max-width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-results__options {
max-height: min(240px, 48vh) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open .select2-results__option {
display: block !important;
min-height: 38px !important;
padding: 9px 12px !important;
overflow: hidden !important;
font-size: 0.92rem !important;
line-height: 1.15 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar {
grid-template-columns: minmax(0, auto) minmax(220px, 1fr) !important;
padding: 18px 20px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar .hp-result-count {
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
width: 100% !important;
justify-self: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__fields {
display: flex !important;
width: 100% !important;
justify-content: flex-end !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__field {
display: grid !important;
width: min(100%, 430px) !important;
grid-template-columns: max-content minmax(180px, 280px) !important;
gap: 12px !important;
align-items: center !important;
justify-content: end !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .select2-container {
width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .select2-container--default .select2-selection--single {
display: flex !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .select2-container--default .select2-selection--single .select2-selection__rendered {
display: flex !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
align-items: center !important;
padding: 0 !important;
overflow: hidden !important;
color: var(--marnamic-ui-text) !important;
font-size: 0.98rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__topbar > .hp-result-count,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__topbar .hp-result-count {
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text-muted) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-sort, .hp-form--listing-sort) .select2-container--default :is(.select2-selection--single, .select2-selection--inline) {
display: flex !important;
height: var(--marnamic-ui-control-height) !important;
min-height: var(--marnamic-ui-control-height) !important;
max-height: var(--marnamic-ui-control-height) !important;
align-items: center !important;
padding: 0 var(--marnamic-ui-control-icon-space) 0 var(--marnamic-ui-control-padding-x) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-form--vendor-sort, .hp-form--listing-sort) .select2-container--default :is(.select2-selection--single, .select2-selection--inline) .select2-selection__rendered {
display: flex !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
align-items: center !important;
padding: 0 !important;
overflow: hidden !important;
color: var(--marnamic-ui-text) !important;
font-size: 0.98rem !important;
font-weight: 700 !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic > .select2-container--open ul[id^="select2-_sort-"][id$="-results"] > .select2-results__option[aria-disabled="true"] {
display: none !important;
}
@media (max-width: 820px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar {
grid-template-columns: 1fr !important;
padding: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__fields {
justify-content: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__field {
width: 100% !important;
grid-template-columns: 1fr !important;
justify-content: stretch !important;
}
}
@media (max-width: 820px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) .hp-page__topbar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame .hp-page__topbar {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) {
width: 100% !important;
justify-self: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) :is(.hp-form__fields, .hp-form__field) {
width: 100% !important;
grid-template-columns: minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page, .tax-hp_listing_category) :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .styleguide-archive-frame :is(.hp-form--listing-sort, .hp-form--vendor-sort) .select2-container {
width: 100% !important;
}
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results {
--marnamic-archive-sticky-offset: 104px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
position: sticky !important;
top: 0 !important;
z-index: 80 !important;
display: grid !important;
grid-template-columns: minmax(120px, 1fr) minmax(620px, 860px) minmax(120px, 1fr) !important;
gap: 18px !important;
align-items: start !important;
margin: 0 -32px 28px !important;
padding: 14px 32px 54px !important;
background: rgba(15, 25, 27, 0.98) !important;
border-bottom: 1px solid rgba(161, 192, 195, 0.22) !important;
box-shadow: 0 12px 34px rgba(0, 0, 0, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .marnamic-screen-title {
margin: 0 !important;
overflow: hidden !important;
color: var(--marnamic-ui-text) !important;
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 1.15 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
justify-self: center !important;
padding: 6px !important;
border-color: rgba(241, 233, 221, 0.18) !important;
background: #f1e9dd !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: minmax(180px, 1.1fr) minmax(180px, 1fr) minmax(180px, 0.95fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 50px !important;
padding: 8px 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:not(:first-child)::before {
background: rgba(19, 33, 36, 0.16) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open) {
background: rgba(19, 33, 36, 0.06) !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, input[type="text"], input[type="search"], .select2-container--default .select2-selection--single .select2-selection__rendered) {
color: var(--marnamic-ui-bg, #132124) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__hint {
color: rgba(19, 33, 36, 0.66) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips {
position: absolute !important;
top: calc(100% + 10px) !important;
left: 0 !important;
display: flex !important;
flex-wrap: nowrap !important;
width: min(100%, 860px) !important;
max-width: 100% !important;
padding: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips::-webkit-scrollbar {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chip {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
min-width: 104px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
padding: 0 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .marnamic-archive-filter-button {
grid-column: 3 !important;
grid-row: 1 !important;
display: inline-flex !important;
width: auto !important;
min-width: 108px !important;
visibility: visible !important;
justify-self: end !important;
pointer-events: auto !important;
padding-right: 18px !important;
padding-left: 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
min-height: calc(100vh - var(--marnamic-archive-sticky-offset, 104px) - 20px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content {
flex-basis: calc(52% - 14px) !important;
max-width: calc(52% - 14px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
top: var(--marnamic-archive-sticky-offset, 104px) !important;
flex-basis: calc(48% - 14px) !important;
max-width: calc(48% - 14px) !important;
max-height: calc(100vh - var(--marnamic-archive-sticky-offset, 104px) - 20px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__topbar {
top: var(--marnamic-archive-sticky-offset, 104px) !important;
z-index: 35 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
gap: 14px !important;
align-items: center !important;
margin: 0 0 22px !important;
padding: 14px 0 !important;
background: var(--marnamic-ui-bg) !important;
border-bottom: 1px solid var(--marnamic-ui-border-soft) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__topbar .hp-result-count {
min-height: 0 !important;
color: var(--marnamic-ui-text) !important;
font-size: 1.05rem !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
width: auto !important;
min-width: 0 !important;
justify-self: end !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__fields {
display: flex !important;
justify-content: flex-end !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__field {
width: auto !important;
grid-template-columns: max-content minmax(160px, 220px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
height: clamp(420px, calc(100vh - var(--marnamic-archive-sticky-offset, 104px) - 20px), 760px) !important;
min-height: 420px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
border-radius: 16px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors {
align-items: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors .hp-grid__item {
min-width: 0 !important;
margin-bottom: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block {
display: grid !important;
grid-template-columns: 88px minmax(0, 1fr) !important;
gap: 14px !important;
align-items: start !important;
min-height: 0 !important;
padding: 14px !important;
overflow: hidden !important;
border-radius: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__image {
display: block !important;
width: 88px !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__image a {
display: flex !important;
width: 88px !important;
min-width: 88px !important;
height: 88px !important;
min-height: 88px !important;
aspect-ratio: 1 / 1 !important;
align-items: center !important;
justify-content: center !important;
padding: 10px !important;
border-radius: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__image img {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
max-height: 68px !important;
object-fit: contain !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__content {
display: flex !important;
min-width: 0 !important;
align-items: flex-start !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__name {
justify-content: flex-start !important;
margin: 0 0 8px !important;
font-size: 1rem !important;
line-height: 1.22 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__name a {
display: -webkit-box !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block :is(.hp-vendor__location, .hp-vendor__registered-date, .hp-vendor__description) {
width: 100% !important;
max-width: none !important;
margin: 0 0 8px !important;
color: rgba(241, 233, 221, 0.7) !important;
font-size: 0.88rem !important;
line-height: 1.35 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__location {
justify-content: flex-start !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__description {
display: -webkit-box !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__footer {
grid-column: 1 / -1 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 10px 0 0 !important;
background: transparent !important;
border-top: 1px solid rgba(161, 192, 195, 0.14) !important;
}
@media (min-width: 1100px) and (max-width: 1399px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors {
grid-template-columns: minmax(0, 1fr) !important;
}
}
@media (max-width: 560px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block {
grid-template-columns: 72px minmax(0, 1fr) !important;
gap: 12px !important;
padding: 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__image,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block .hp-vendor__image a {
width: 72px !important;
min-width: 72px !important;
height: 72px !important;
min-height: 72px !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > :not(.marnamic-map-hotfix):not(.marnamic-archive-map-shell):not(.marnamic-archive-filter-shell):not(:has(.marnamic-map-hotfix)) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > .marnamic-archive-non-map-shell {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > .marnamic-archive-map-shell,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar .marnamic-map-hotfix--archive {
display: block !important;
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
display: block !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar :is(.inner-wrapper-sticky, .marnamic-archive-map-sticky-shell) {
position: static !important;
top: auto !important;
width: 100% !important;
max-width: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar :is(.hp-widget--vendor-filter, .hp-widget--listing-filter) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
clip-path: inset(50%) !important;
pointer-events: none !important;
}
@media (max-width: 1099px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
order: 1 !important;
width: 100% !important;
max-width: none !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content {
order: 2 !important;
width: 100% !important;
max-width: none !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
height: 420px !important;
min-height: 420px !important;
margin-bottom: 0 !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .fancybox-container.fancybox-is-open {
z-index: 10060 !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .fancybox-container.fancybox-is-open .fancybox-stage {
position: fixed !important;
inset: 0 !important;
display: flex !important;
width: 100vw !important;
height: 100vh !important;
height: 100dvh !important;
align-items: flex-start !important;
justify-content: center !important;
padding: 12px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .fancybox-container.fancybox-is-open .fancybox-slide {
position: static !important;
display: flex !important;
width: 100% !important;
min-height: 100% !important;
align-items: flex-start !important;
justify-content: center !important;
padding: 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .fancybox-container.fancybox-is-open :is(#listing_filter_modal, #vendor_filter_modal, .hp-modal--mobile.fancybox-content) {
position: relative !important;
inset: auto !important;
display: block !important;
width: min(100%, 390px) !important;
min-width: 0 !important;
max-width: calc(100vw - 24px) !important;
max-height: calc(100vh - 24px) !important;
max-height: calc(100dvh - 24px) !important;
margin: 0 auto !important;
overflow-x: hidden !important;
overflow-y: auto !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .fancybox-container.fancybox-is-open :is(#listing_filter_modal, #vendor_filter_modal, .hp-modal--mobile.fancybox-content) .hp-form {
width: 100% !important;
max-width: none !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search {
--marnamic-air-compact-bg: #c9c4b9;
--marnamic-air-compact-text: #132124;
--marnamic-air-compact-muted: rgba(19, 33, 36, 0.58);
--marnamic-air-compact-line: rgba(19, 33, 36, 0.34);
--marnamic-air-compact-action: #e7ff62;
display: grid !important;
width: min(100%, 1080px) !important;
max-width: 1080px !important;
min-height: 78px !important;
grid-template-columns: minmax(0, 1fr) 58px !important;
gap: 10px !important;
align-items: center !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0 12px 0 28px !important;
overflow: visible !important;
color: var(--marnamic-air-compact-text) !important;
background: var(--marnamic-air-compact-bg) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__messages {
grid-column: 1 / -1 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
display: grid !important;
grid-column: 1 !important;
width: 100% !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 0 !important;
align-items: stretch !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field {
position: relative !important;
display: grid !important;
min-width: 0 !important;
min-height: 78px !important;
grid-template-rows: auto auto !important;
align-content: center !important;
gap: 4px !important;
padding: 13px 30px !important;
color: var(--marnamic-air-compact-text) !important;
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
transition: background-color var(--marnamic-ui-transition), box-shadow var(--marnamic-ui-transition) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child {
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:not(:first-child)::before {
position: absolute !important;
top: 14px !important;
bottom: 14px !important;
left: 0 !important;
width: 1px !important;
height: auto !important;
background: var(--marnamic-air-compact-line) !important;
content: "" !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open) {
z-index: 20 !important;
background: rgba(255, 255, 255, 0.18) !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open)::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(:hover, :focus-within, .is-open) + .hp-form__field::before {
opacity: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label {
display: block !important;
margin: 0 !important;
overflow: hidden !important;
color: var(--marnamic-air-compact-text) !important;
font-size: 1.02rem !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
line-height: 1.05 !important;
text-overflow: ellipsis !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__hint {
display: block !important;
margin: 0 !important;
overflow: hidden !important;
color: var(--marnamic-air-compact-muted) !important;
font-size: 0.96rem !important;
font-weight: 650 !important;
letter-spacing: 0 !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value {
padding-right: 58px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--search .marnamic-air-search__hint,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__hint {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"]) {
position: static !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
overflow: hidden !important;
color: var(--marnamic-air-compact-muted) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 0.96rem !important;
font-weight: 650 !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"]):focus {
color: var(--marnamic-air-compact-text) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"])::placeholder {
color: var(--marnamic-air-compact-muted) !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row > .hp-page__content {
width: 100% !important;
max-width: none !important;
flex-basis: 100% !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .site-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .site-content {
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .site-content > .container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .content-area {
width: min(calc(100vw - 48px), 1840px) !important;
max-width: none !important;
margin-right: auto !important;
margin-left: auto !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row {
display: block !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row > .hp-page__content {
width: 100% !important;
max-width: none !important;
flex: 0 0 100% !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row > .hp-page__sidebar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__sidebar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery :is(.marnamic-combined-map, .marnamic-map-hotfix--archive, .combined-map-wrapper, .hp-map) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header {
display: grid !important;
gap: clamp(20px, 3vw, 34px) !important;
margin-bottom: clamp(26px, 4vw, 44px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .marnamic-screen-title {
justify-self: center !important;
margin-bottom: 0 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
margin: 0 0 24px !important;
padding: 0 0 16px !important;
background: transparent !important;
border-bottom: 1px solid rgba(161, 192, 195, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters {
display: flex !important;
width: min(100%, 1080px) !important;
max-width: 1080px !important;
flex-wrap: wrap !important;
gap: 10px !important;
justify-content: center !important;
justify-self: center !important;
margin: -10px auto 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__cluster {
display: inline-flex !important;
min-height: 38px !important;
align-items: center !important;
gap: 9px !important;
padding: 0 14px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: rgba(241, 233, 221, 0.05) !important;
border: 1px solid rgba(161, 192, 195, 0.24) !important;
border-radius: 999px !important;
box-shadow: none !important;
font-size: 0.9rem !important;
font-weight: 800 !important;
line-height: 1 !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__cluster small {
display: inline-flex !important;
min-width: 24px !important;
height: 24px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 7px !important;
color: #132124 !important;
background: #e7ff62 !important;
border-radius: 999px !important;
font-size: 0.72rem !important;
font-weight: 900 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__cluster:is(:hover, :focus-visible) {
color: #132124 !important;
background: #e7ff62 !important;
border-color: #e7ff62 !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery :is(.hp-vendors.hp-row, .hp-vendors > .hp-row) {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)) !important;
gap: clamp(18px, 2.2vw, 30px) !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery :is(.hp-vendors.hp-row, .hp-vendors > .hp-row) > :is(.hp-grid__item, [class*="hp-col"]) {
display: flex !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
flex: initial !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block {
width: 100% !important;
min-height: 100% !important;
margin: 0 !important;
border-radius: 8px !important;
}
@media (max-width: 680px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters {
justify-content: flex-start !important;
overflow-x: auto !important;
flex-wrap: nowrap !important;
padding-bottom: 4px !important;
scrollbar-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters::-webkit-scrollbar {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__cluster {
flex: 0 0 auto !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear {
position: absolute !important;
top: 50% !important;
right: 18px !important;
z-index: 4 !important;
display: inline-flex !important;
width: 28px !important;
min-width: 28px !important;
height: 28px !important;
min-height: 28px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: #285da8 !important;
background: transparent !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 1.45rem !important;
font-weight: 850 !important;
line-height: 1 !important;
transform: translateY(-50%) !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear:is(:hover, :focus-visible) {
color: #132124 !important;
background: rgba(255, 255, 255, 0.28) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location {
display: block !important;
min-width: 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location input[type="text"] {
padding-right: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location input[type="text"] {
padding-right: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .marnamic-air-search__segment-clear {
right: 36px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location a {
position: absolute !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__native-select,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__native-control,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search select[name="_category"],
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search select[name="_category"] + .select2,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search select[name="_category"] ~ .select2-container {
position: absolute !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__source-field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--gebaeudetyp,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:has([data-marnamic-air-purpose-source]) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
display: flex !important;
grid-column: 2 !important;
align-items: center !important;
justify-content: center !important;
align-self: center !important;
width: 58px !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
display: inline-flex !important;
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
overflow: hidden !important;
color: transparent !important;
background-color: var(--marnamic-air-compact-action) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23132124' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 28px 28px !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) span {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible) {
background-color: #dfff46 !important;
box-shadow: 0 0 0 4px rgba(231, 255, 98, 0.22) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover {
top: calc(100% + 10px) !important;
width: min(390px, calc(100vw - 32px)) !important;
max-height: min(460px, 70vh) !important;
padding: 14px !important;
color: var(--marnamic-air-compact-text, #132124) !important;
background: #f6f2ea !important;
border: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 24px !important;
box-shadow: 0 22px 54px rgba(0, 0, 0, 0.22) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__group-title {
display: none !important;
color: rgba(19, 33, 36, 0.58) !important;
font-size: 0.72rem !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option {
min-height: 34px !important;
padding: 0 12px !important;
color: var(--marnamic-air-compact-text, #132124) !important;
background: rgba(255, 255, 255, 0.55) !important;
border: 1px solid rgba(19, 33, 36, 0.16) !important;
border-radius: 999px !important;
font-size: 0.86rem !important;
font-weight: 750 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option:is(:hover, :focus-visible) {
color: var(--marnamic-air-compact-text, #132124) !important;
background: var(--marnamic-air-compact-action, #e7ff62) !important;
border-color: var(--marnamic-air-compact-action, #e7ff62) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips {
position: static !important;
display: none !important;
grid-column: 1 / -1 !important;
flex-wrap: wrap !important;
gap: 8px !important;
width: auto !important;
max-width: none !important;
min-height: 0 !important;
padding: 6px 0 0 !important;
overflow: visible !important;
scrollbar-width: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips:empty {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chip {
min-height: 30px !important;
padding: 0 10px 0 12px !important;
color: var(--marnamic-air-compact-text, #132124) !important;
background: rgba(255, 255, 255, 0.68) !important;
border: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 999px !important;
box-shadow: none !important;
font-size: 0.8rem !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__chip--reset {
background: rgba(19, 33, 36, 0.08) !important;
}
@media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results {
--marnamic-archive-sticky-offset: 96px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
grid-template-columns: minmax(104px, 1fr) minmax(660px, 1080px) minmax(104px, 1fr) !important;
gap: 16px !important;
align-items: center !important;
padding: 12px 32px 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
width: min(100%, 1080px) !important;
min-height: 78px !important;
padding: 0 12px 0 28px !important;
background: #c9c4b9 !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 78px !important;
padding: 13px 30px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value {
padding-right: 58px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, input[type="text"], input[type="search"], .marnamic-air-search__hint) {
color: inherit !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__hint,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"]) {
color: rgba(19, 33, 36, 0.58) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips {
position: static !important;
display: none !important;
width: auto !important;
max-width: none !important;
padding: 6px 0 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
padding: 0 !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
width: 100% !important;
min-height: 0 !important;
grid-template-columns: minmax(0, 1fr) 54px !important;
padding: 10px !important;
border-radius: 30px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: 1fr !important;
grid-column: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 56px !important;
padding: 11px 16px !important;
border-radius: 20px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value {
padding-right: 52px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child {
padding-left: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:not(:first-child)::before {
top: 0 !important;
right: 16px !important;
bottom: auto !important;
left: 16px !important;
width: auto !important;
height: 1px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
width: 54px !important;
justify-content: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips {
display: none !important;
padding: 8px 2px 0 !important;
}
}
@media (max-width: 520px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
grid-template-columns: 1fr !important;
border-radius: 26px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
grid-column: 1 !important;
grid-row: auto !important;
width: 100% !important;
justify-content: flex-end !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label {
font-size: 0.92rem !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
font-size: 0.88rem !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__chips {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__group-title {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
color: #fff !important;
font-weight: 850 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row {
display: block !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row > .hp-page__content {
width: 100% !important;
max-width: none !important;
flex-basis: 100% !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery :is(.hp-page__sidebar, .marnamic-combined-map, .marnamic-map-hotfix--archive, .combined-map-wrapper, .hp-map) {
display: none !important;
}
@media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search .hp-field--submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-field--submit {
display: flex !important;
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
flex: 0 0 58px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
appearance: none !important;
display: inline-flex !important;
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
aspect-ratio: 1 / 1 !important;
flex: 0 0 58px !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
padding: 0 !important;
overflow: hidden !important;
color: transparent !important;
background-color: #e7ff62 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23132124' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 28px 28px !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 0 !important;
text-indent: -9999px !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) :is(span, i, svg),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) :is(span, i, svg),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) :is(span, i, svg) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search :is(.hp-form__button, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible) {
background-color: #dfff46 !important;
box-shadow: 0 0 0 4px rgba(231, 255, 98, 0.22) !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search .hp-field--submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
flex-basis: 54px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
flex-basis: 54px !important;
background-size: 26px 26px !important;
}
}
@media (max-width: 520px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-form--vendor-search .hp-field--submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex-basis: auto !important;
justify-content: flex-end !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value {
padding-right: 84px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value :is(input[type="text"], input[type="search"], .marnamic-air-search__hint),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
color: #132124 !important;
font-weight: 780 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear {
position: absolute !important;
top: 50% !important;
right: 18px !important;
z-index: 30 !important;
display: inline-flex !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: transparent !important;
background: #6cb9c3 !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 1 !important;
text-indent: 0 !important;
transform: translateY(-50%) !important;
cursor: pointer !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear::before {
color: #132124 !important;
content: "×" !important;
font-size: 1.35rem !important;
font-weight: 700 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear:is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear:is(:hover, :focus-visible) {
background: #8fd0d5 !important;
box-shadow: 0 0 0 4px rgba(108, 185, 195, 0.22) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value {
padding-right: 84px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .marnamic-air-search__segment-clear,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .marnamic-air-search__segment-clear {
right: 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location input[type="text"],
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location input[type="text"] {
padding-right: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location a {
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover {
top: calc(100% + 8px) !important;
width: min(100%, 430px) !important;
min-width: min(320px, calc(100vw - 32px)) !important;
padding: 16px 20px !important;
color: #132124 !important;
background: #f6f2ea !important;
border: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 0 0 24px 24px !important;
box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__options {
display: grid !important;
gap: 4px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option {
justify-content: flex-start !important;
width: 100% !important;
min-height: 34px !important;
padding: 7px 10px !important;
color: #132124 !important;
background: transparent !important;
border: 0 !important;
border-radius: 10px !important;
font-size: 0.92rem !important;
font-weight: 650 !important;
line-height: 1.2 !important;
text-align: left !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option--with-count {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option-label {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option-count {
display: inline-flex !important;
min-width: 30px !important;
height: 30px !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
padding: 0 9px !important;
color: #132124 !important;
background: #e7ff62 !important;
border-radius: 999px !important;
font-size: 0.82rem !important;
font-weight: 850 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option--nearby {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option--nearby::after {
display: inline-flex !important;
width: 34px !important;
min-width: 34px !important;
height: 34px !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
color: #132124 !important;
background: rgba(108, 185, 195, 0.74) !important;
border-radius: 999px !important;
content: "\f124" !important;
font-family: "Font Awesome 5 Free";
font-size: 1rem !important;
font-weight: 900 !important;
line-height: 1 !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__option:is(:hover, :focus-visible) {
color: #132124 !important;
background: rgba(231, 255, 98, 0.74) !important;
border: 0 !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__loading {
padding: 8px 0 !important;
color: rgba(19, 33, 36, 0.68) !important;
font-size: 0.92rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-group {
display: grid !important;
gap: 9px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-group + .marnamic-air-search__filter-group {
margin-top: 14px !important;
padding-top: 14px !important;
border-top: 1px solid rgba(19, 33, 36, 0.14) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-title {
color: rgba(19, 33, 36, 0.62) !important;
font-size: 0.74rem !important;
font-weight: 850 !important;
letter-spacing: 0 !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-list {
display: grid !important;
gap: 6px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check {
position: relative !important;
display: grid !important;
min-height: 42px !important;
grid-template-columns: 22px minmax(0, 1fr) max-content !important;
gap: 10px !important;
align-items: center !important;
padding: 7px 10px !important;
color: #132124 !important;
background: rgba(255, 255, 255, 0.46) !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 12px !important;
font-size: 0.92rem !important;
font-weight: 720 !important;
line-height: 1.15 !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check:is(:hover, :focus-within) {
background: rgba(231, 255, 98, 0.38) !important;
border-color: rgba(19, 33, 36, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check.is-checked {
background: rgba(231, 255, 98, 0.88) !important;
border-color: rgba(19, 33, 36, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check.is-disabled {
opacity: 0.42 !important;
cursor: not-allowed !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check input[type="checkbox"] {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check-box {
display: inline-flex !important;
width: 22px !important;
height: 22px !important;
align-items: center !important;
justify-content: center !important;
border: 2px solid rgba(19, 33, 36, 0.34) !important;
border-radius: 7px !important;
background: #f6f2ea !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check input[type="checkbox"]:checked + .marnamic-air-search__check-box {
background: #132124 !important;
border-color: #132124 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check input[type="checkbox"]:checked + .marnamic-air-search__check-box::before {
color: #e7ff62 !important;
content: "\f00c" !important;
font-family: "Font Awesome 5 Free";
font-size: 0.92rem !important;
font-weight: 900 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check-label {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check-count {
display: inline-flex !important;
min-width: 30px !important;
height: 30px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 9px !important;
color: #132124 !important;
background: #e7ff62 !important;
border-radius: 999px !important;
font-size: 0.8rem !important;
font-weight: 850 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check.is-checked .marnamic-air-search__check-count {
background: #132124 !important;
color: #e7ff62 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius {
display: grid !important;
gap: 10px !important;
margin-top: 10px !important;
padding: 14px 10px 4px !important;
border-top: 1px solid rgba(19, 33, 36, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
color: #132124 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-label,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-value {
color: #132124 !important;
font-size: 0.9rem !important;
font-weight: 750 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-value {
min-width: 72px !important;
text-align: right !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-input {
appearance: none !important;
display: block !important;
width: 100% !important;
height: 24px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-input::-webkit-slider-runnable-track {
height: 4px !important;
background: rgba(19, 33, 36, 0.28) !important;
border: 0 !important;
border-radius: 999px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-input::-webkit-slider-thumb {
appearance: none !important;
width: 20px !important;
height: 20px !important;
margin-top: -8px !important;
background: #132124 !important;
border: 3px solid #e7ff62 !important;
border-radius: 999px !important;
box-shadow: 0 4px 10px rgba(19, 33, 36, 0.24) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-input::-moz-range-track {
height: 4px !important;
background: rgba(19, 33, 36, 0.28) !important;
border: 0 !important;
border-radius: 999px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__radius-input::-moz-range-thumb {
width: 16px !important;
height: 16px !important;
background: #132124 !important;
border: 3px solid #e7ff62 !important;
border-radius: 999px !important;
box-shadow: 0 4px 10px rgba(19, 33, 36, 0.24) !important;
}
body.marnamic-location-fallback-active .pac-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-location-fallback-active .pac-container {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container {
z-index: 10060 !important;
max-width: min(430px, calc(100vw - 32px)) !important;
overflow: hidden !important;
color: #132124 !important;
background: #f6f2ea !important;
border: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 0 0 24px 24px !important;
box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
font-family: var(--marnamic-font-body, inherit) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container.marnamic-pac-container--empty,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container:not(:has(.pac-item)) {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item {
min-height: 48px !important;
padding: 12px 20px !important;
color: rgba(19, 33, 36, 0.72) !important;
background: transparent !important;
border-top: 0 !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.92rem !important;
font-weight: 650 !important;
line-height: 1.25 !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item:hover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item-selected {
background: rgba(231, 255, 98, 0.74) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item-query,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-matched {
color: #132124 !important;
font-size: 1rem !important;
font-weight: 850 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-icon {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container.pac-logo::after {
margin: 0 20px 10px auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--location-busy > .hp-form__messages,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-location-fallback-active .hp-form--vendor-search.marnamic-air-search > .hp-form__messages {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value {
padding-right: 68px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear {
right: 12px !important;
width: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value {
padding-right: 68px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row {
display: grid !important;
width: 100% !important;
max-width: none !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: clamp(22px, 1.8vw, 32px) !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid.hp-row > :is(.hp-grid__item, [class*="hp-col-"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors.hp-row > :is(.hp-grid__item, [class*="hp-col-"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]) {
display: flex !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid .hp-vendor--view-block,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block {
display: flex !important;
min-height: 0 !important;
width: 100% !important;
height: auto !important;
min-width: 0 !important;
flex-direction: column !important;
overflow: hidden !important;
border-radius: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__image {
display: block !important;
min-height: 0 !important;
margin: 0 !important;
padding: 18px 18px 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__image a {
display: grid !important;
width: 100% !important;
min-height: 0 !important;
aspect-ratio: 16 / 9 !important;
place-items: center !important;
margin: 0 !important;
padding: clamp(22px, 4vw, 42px) !important;
background: var(--marnamic-logo-tile, #e8e1d3) !important;
border: 1px solid rgba(241, 233, 221, 0.14) !important;
border-radius: 8px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__image img {
display: block !important;
width: auto !important;
max-width: 88% !important;
height: auto !important;
max-height: 118px !important;
object-fit: contain !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__content {
display: flex !important;
min-height: 156px !important;
flex: 1 1 auto !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 10px !important;
padding: 18px 20px 20px !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__name {
width: 100% !important;
margin: 0 !important;
text-align: left !important;
font-size: clamp(1.18rem, 1.1vw, 1.42rem) !important;
line-height: 1.16 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__name a {
display: block !important;
width: 100% !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
overflow-wrap: break-word !important;
word-break: normal !important;
hyphens: none !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block :is(.hp-vendor__registered-date, .hp-vendor__location, .hp-vendor__description, .hp-vendor__attributes) {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
color: rgba(241, 233, 221, 0.72) !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__registered-date {
font-size: 0.82rem !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__location a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__description {
display: -webkit-box !important;
overflow: hidden !important;
line-height: 1.38 !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__footer {
display: flex !important;
min-height: 62px !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
margin-top: auto !important;
padding: 14px 20px !important;
border-top: 1px solid rgba(161, 192, 195, 0.16) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block .hp-vendor__actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
justify-content: flex-start !important;
}
@media (min-width: 2200px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
@media (min-width: 2800px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row { grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors.hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row {
grid-template-columns: 1fr !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
overflow: visible !important;
background-clip: padding-box !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .hp-form--vendor-search.marnamic-air-search::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .hp-form--vendor-search.marnamic-air-search::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search::after {
display: none !important;
content: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page form.hp-form--vendor-search.marnamic-air-search > .hp-form__footer > button.hp-form__button.hp-field.hp-field--submit.button[type="submit"],
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page form.hp-form--vendor-search.marnamic-air-search > .hp-form__footer > input.hp-form__button.hp-field.hp-field--submit[type="submit"] {
appearance: none !important;
display: inline-flex !important;
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
aspect-ratio: 1 / 1 !important;
flex: 0 0 58px !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
padding: 0 !important;
overflow: hidden !important;
color: transparent !important;
background-color: #e7ff62 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23132124' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 28px 28px !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 0 !important;
text-indent: -9999px !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page form.hp-form--vendor-search.marnamic-air-search > .hp-form__footer > button.hp-form__button.hp-field.hp-field--submit.button[type="submit"] > span {
display: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page form.hp-form--vendor-search.marnamic-air-search > .hp-form__footer > button.hp-form__button.hp-field.hp-field--submit.button[type="submit"],
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page form.hp-form--vendor-search.marnamic-air-search > .hp-form__footer > input.hp-form__button.hp-field.hp-field--submit[type="submit"] {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
flex-basis: 54px !important;
background-size: 26px 26px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: minmax(280px, 1.2fr) minmax(260px, 1.05fr) minmax(240px, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location {
order: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--search {
order: 3 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field--category, .marnamic-air-search__field--category),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field--category, .marnamic-air-search__field--category) {
order: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover {
right: auto !important;
left: 0 !important;
width: min(640px, calc(100vw - 32px)) !important;
min-width: min(430px, calc(100vw - 32px)) !important;
max-width: min(640px, calc(100vw - 32px)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container {
max-width: min(640px, calc(100vw - 32px)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item {
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container :is(.pac-item-query, .pac-matched) {
white-space: normal !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover {
top: calc(100% - 1px) !important;
margin-top: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container {
margin-top: 0 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors.hp-block.hp-grid {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors > .hp-row {
display: grid !important;
width: 100% !important;
max-width: none !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 24px !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors.hp-block.hp-grid > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]) {
display: flex !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]) > .hp-vendor--view-block {
width: 100% !important;
height: 100% !important;
}
@media (max-width: 700px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendors > .hp-row {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child {
width: auto !important;
max-width: none !important;
height: auto !important;
min-height: 56px !important;
max-height: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover {
width: calc(100vw - 32px) !important;
min-width: min(320px, calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
}
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results {
background: #132124 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .site-content {
background: #132124 !important;
padding-top: 0 !important;
padding-bottom: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .site-content > .container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .content-area {
width: min(calc(100vw - 24px), 1900px) !important;
max-width: none !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.site-main {
margin-top: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
position: sticky !important;
top: var(--marnamic-header-height, 60px) !important;
z-index: 90 !important;
display: grid !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 0 !important;
align-items: center !important;
margin: 0 0 10px !important;
padding: 8px 0 10px !important;
background: #132124 !important;
border-top: 1px solid rgba(161, 192, 195, 0.08) !important;
border-bottom: 1px solid rgba(161, 192, 195, 0.16) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .marnamic-screen-title {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip-path: inset(50%) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
grid-column: 1 / -1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
justify-self: stretch !important;
margin-right: 0 !important;
margin-left: 0 !important;
min-height: 56px !important;
padding: 0 7px 0 18px !important;
background: #d4cfc3 !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: minmax(220px, 0.95fr) minmax(240px, 1.1fr) minmax(240px, 1.1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 56px !important;
padding: 8px 18px !important;
gap: 2px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child {
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value {
padding-right: 56px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label {
font-size: 0.82rem !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
font-size: 0.82rem !important;
line-height: 1.08 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:not(:first-child)::before {
top: 10px !important;
bottom: 10px !important;
background: rgba(19, 33, 36, 0.22) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear {
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
height: 36px !important;
min-height: 36px !important;
max-height: 36px !important;
right: 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-field--submit {
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
flex-basis: 48px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
flex-basis: 48px !important;
background-size: 23px 23px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .marnamic-archive-filter-button {
grid-column: 3 !important;
min-width: 104px !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
justify-self: end !important;
padding-right: 16px !important;
padding-left: 16px !important;
background: rgba(15, 25, 27, 0.9) !important;
border-color: rgba(161, 192, 195, 0.24) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__topbar {
position: sticky !important;
top: var(--marnamic-archive-sticky-offset, 130px) !important;
z-index: 35 !important;
min-height: 44px !important;
margin: 0 0 12px !important;
padding: 6px 0 !important;
background: #132124 !important;
border-bottom: 1px solid rgba(161, 192, 195, 0.14) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__topbar .hp-result-count {
min-height: 32px !important;
font-size: 0.95rem !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-form--vendor-sort, .hp-form--listing-sort) :is(.hp-form__field, .hp-form__fields) {
min-height: 38px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results :is(.hp-form--vendor-sort, .hp-form--listing-sort) :is(select, .select2-container, .select2-container--default .select2-selection--single) {
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
align-items: flex-start !important;
min-height: calc(100dvh - var(--marnamic-archive-sticky-offset, 130px) - 10px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
position: sticky !important;
top: var(--marnamic-archive-sticky-offset, 130px) !important;
align-self: flex-start !important;
height: calc(100dvh - var(--marnamic-archive-sticky-offset, 130px) - 10px) !important;
max-height: calc(100dvh - var(--marnamic-archive-sticky-offset, 130px) - 10px) !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar :is(.inner-wrapper-sticky, .marnamic-archive-map-sticky-shell),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__sidebar > .marnamic-archive-map-shell {
position: static !important;
width: 100% !important;
height: 100% !important;
max-height: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
margin-bottom: 0 !important;
border-radius: 12px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open .marnamic-air-search__popover--purpose {
display: flex !important;
max-height: min(620px, calc(100dvh - 160px)) !important;
flex-direction: column !important;
gap: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-scroll {
display: grid !important;
max-height: min(520px, calc(100dvh - 220px)) !important;
gap: 0 !important;
padding-right: 2px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
scrollbar-gutter: stable;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-actions {
display: flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 14px -4px -4px !important;
padding: 12px 4px 4px !important;
border-top: 1px solid rgba(19, 33, 36, 0.14) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-reset,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-apply {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
border-radius: var(--marnamic-ui-radius-pill, 999px) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.92rem !important;
font-weight: 800 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-reset {
padding: 0 14px !important;
color: rgba(19, 33, 36, 0.74) !important;
background: transparent !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-apply {
padding: 0 18px !important;
color: #132124 !important;
background: #e7ff62 !important;
border: 1px solid #e7ff62 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-reset:is(:hover, :focus-visible) {
color: #132124 !important;
background: rgba(19, 33, 36, 0.06) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__filter-apply:is(:hover, :focus-visible) {
background: #dfff46 !important;
border-color: #dfff46 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic label.hp-field.hp-field--checkbox.marnamic-air-search__check {
display: flex !important;
width: 100% !important;
min-height: 38px !important;
align-items: center !important;
gap: var(--marnamic-ui-space-2, 8px) !important;
padding: 6px 4px !important;
color: #132124 !important;
background: transparent !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
font-size: 0.95rem !important;
font-weight: 720 !important;
line-height: 1.25 !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic label.hp-field.hp-field--checkbox.marnamic-air-search__check:is(:hover, :focus-within) {
background: rgba(19, 33, 36, 0.05) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic label.hp-field.hp-field--checkbox.marnamic-air-search__check.is-checked {
color: #132124 !important;
background: rgba(231, 255, 98, 0.32) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic label.hp-field.hp-field--checkbox.marnamic-air-search__check.is-disabled {
opacity: 0.46 !important;
cursor: not-allowed !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic label.hp-field.hp-field--checkbox.marnamic-air-search__check input[type="checkbox"] {
position: static !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
flex: 0 0 auto !important;
overflow: visible !important;
clip: auto !important;
clip-path: none !important;
opacity: 1 !important;
accent-color: #e7ff62 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check-box {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check-label {
min-width: 0 !important;
flex: 1 1 auto !important;
overflow: visible !important;
color: inherit !important;
text-overflow: clip !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__check-count {
min-width: 28px !important;
height: 26px !important;
flex: 0 0 auto !important;
margin-left: auto !important;
padding: 0 8px !important;
font-size: 0.78rem !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field--category, .marnamic-air-search__field--category),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field--category, .marnamic-air-search__field--category),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field--category, .marnamic-air-search__field--category) {
order: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location {
order: 2 !important;
}  body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field {
order: 3 !important;
min-width: 0 !important;
padding: 0 !important;
} @media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 0.65fr) minmax(0, 1fr) !important;
transition: grid-template-columns 180ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode .hp-form__fields {
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.1fr) minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:has(.hp-form__field--location.is-open):not(.marnamic-air-search--region-mode) .hp-form__fields {
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.55fr) minmax(0, 0.55fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:has(.marnamic-air-search__radius-field.is-open) .hp-form__fields {
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.05fr) minmax(0, 0.95fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:has(.hp-form__field--search.is-open):not(.marnamic-air-search--region-mode) .hp-form__fields {
grid-template-columns: minmax(0, 0.85fr) minmax(0, 0.85fr) minmax(0, 0.5fr) minmax(0, 1.45fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:has(:is(.hp-form__field--category, .marnamic-air-search__field--category).is-open):not(.marnamic-air-search--region-mode) .hp-form__fields {
grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.85fr) minmax(0, 0.55fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode:has(.hp-form__field--location.is-open) .hp-form__fields {
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.45fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode:has(.hp-form__field--search.is-open) .hp-form__fields {
grid-template-columns: minmax(0, 0.85fr) minmax(0, 0.9fr) minmax(0, 1.4fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode:has(:is(.hp-form__field--category, .marnamic-air-search__field--category).is-open) .hp-form__fields {
grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.9fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field {
transition: background-color 160ms ease, box-shadow 160ms ease, border-radius 160ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open {
z-index: 40 !important;
background: #f7f3eb !important;
border-radius: 999px !important;
box-shadow: 0 8px 24px rgba(19, 33, 36, 0.16), inset 0 0 0 1px rgba(19, 33, 36, 0.1) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open + .hp-form__field::before {
opacity: 0 !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode .marnamic-air-search__radius-field {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger {
display: grid !important;
width: 100% !important;
height: 100% !important;
min-height: 72px !important;
align-content: center !important;
justify-items: start !important;
gap: 4px !important;
padding: 12px 22px !important;
color: #132124 !important;
background: transparent !important;
border: 0 !important;
border-radius: inherit !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
text-align: left !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger-label {
font-size: 1rem !important;
font-weight: 850 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger-value {
color: rgba(19, 33, 36, 0.68) !important;
font-size: 0.95rem !important;
font-weight: 720 !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field.is-open .marnamic-air-search__radius-trigger,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger:is(:hover, :focus-visible) {
background: rgba(255, 255, 255, 0.24) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--radius {
right: auto !important;
left: 0 !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding: 16px !important;
overflow: visible !important;
border: 0 !important;
border-radius: 0 0 20px 20px !important;
box-shadow: 0 14px 30px rgba(19, 33, 36, 0.18) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location {
position: relative !important;
padding-right: 64px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value {
padding-right: 64px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location input[type="text"],
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location input[type="text"] {
box-sizing: border-box !important;
width: 100% !important;
padding-right: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-field--location input[type="text"]::placeholder {
text-overflow: clip !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .hp-field--location {
position: static !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start {
right: auto !important;
left: 0 !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding: 12px !important;
border: 0 !important;
border-radius: 0 0 20px 20px !important;
box-shadow: 0 14px 30px rgba(19, 33, 36, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start .marnamic-air-search__group-title {
padding: 4px 8px 8px !important;
color: rgba(19, 33, 36, 0.62) !important;
font-size: 0.78rem !important;
font-weight: 500 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start .marnamic-air-search__option {
min-height: 44px !important;
padding: 8px 10px !important;
color: #132124 !important;
font-size: 0.95rem !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__location-action {
position: absolute !important;
top: 50% !important;
right: 12px !important;
z-index: 30 !important;
display: inline-flex !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
clip: auto !important;
clip-path: none !important;
opacity: 1 !important;
pointer-events: auto !important;
color: #132124 !important;
background: #6cb9c3 !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
transform: translateY(-50%) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__location-action:is(:hover, :focus-visible) {
background: #8fd0d5 !important;
box-shadow: 0 0 0 4px rgba(108, 185, 195, 0.22) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value .hp-field--location .marnamic-air-search__location-action {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--location-busy .hp-form__field--location.has-segment-value .hp-field--location .marnamic-air-search__location-action {
display: inline-flex !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--location-busy .hp-form__field--location .marnamic-air-search__segment-clear {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius {
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-body {
display: flex !important;
min-height: 230px !important;
align-items: stretch !important;
justify-content: center !important;
gap: 10px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-input {
appearance: none !important;
-webkit-appearance: none !important;
width: 28px !important;
height: 220px !important;
margin: 0 auto !important;
writing-mode: vertical-lr !important;
direction: rtl !important;
outline: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-scale {
display: flex !important;
min-width: 54px !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 2px 0 !important;
color: rgba(19, 33, 36, 0.66) !important;
font-size: 0.78rem !important;
font-weight: 720 !important;
line-height: 1 !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
grid-template-columns: minmax(240px, 1.05fr) minmax(260px, 1.2fr) minmax(150px, 0.55fr) minmax(220px, 1fr) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field--category, .marnamic-air-search__field--category) {
order: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location {
order: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--search {
order: 4 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode .hp-form__fields {
grid-template-columns: minmax(240px, 1.05fr) minmax(280px, 1.2fr) minmax(220px, 1fr) !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger {
min-height: 56px !important;
padding: 10px 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__location-action {
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container.pac-logo::after {
display: block !important;
min-height: 18px !important;
margin: 0 !important;
padding: 8px 16px 10px !important;
background-color: #f6f2ea !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
opacity: 1 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item-query,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-matched {
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.95rem !important;
line-height: 1.35 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item {
min-height: 48px !important;
padding: 11px 16px !important;
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results {
--marnamic-archive-sticky-offset: 150px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
grid-template-columns: minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: 1 / -1 !important;
justify-self: stretch !important;
margin-right: 0 !important;
margin-left: 0 !important;
min-height: 78px !important;
grid-template-columns: minmax(0, 1fr) 58px !important;
gap: 10px !important;
padding: 0 12px 0 28px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
min-height: 78px !important;
grid-template-columns: minmax(260px, 1.2fr) minmax(150px, 0.55fr) minmax(240px, 1.05fr) minmax(220px, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode .hp-form__fields {
grid-template-columns: minmax(280px, 1.2fr) minmax(240px, 1fr) minmax(220px, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 78px !important;
gap: 4px !important;
padding: 13px 30px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location.has-segment-value {
padding: 13px 64px 13px 30px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value:not(.hp-form__field--location) {
padding-right: 64px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label {
font-size: 1.02rem !important;
line-height: 1.05 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
font-size: 0.96rem !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger {
min-height: 78px !important;
padding: 13px 22px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__segment-clear {
right: 12px !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-field--submit {
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
flex-basis: 58px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
height: 58px !important;
min-height: 58px !important;
max-height: 58px !important;
flex-basis: 58px !important;
background-size: 28px 28px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:has(.hp-form__field--location.is-open):not(.marnamic-air-search--region-mode) .hp-form__fields {
grid-template-columns: minmax(0, 1.55fr) minmax(0, 0.55fr) minmax(0, 0.85fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:has(.marnamic-air-search__radius-field.is-open) .hp-form__fields {
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) minmax(0, 0.85fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:has(.hp-form__field--search.is-open):not(.marnamic-air-search--region-mode) .hp-form__fields {
grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.5fr) minmax(0, 1.45fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:has(:is(.hp-form__field--category, .marnamic-air-search__field--category).is-open):not(.marnamic-air-search--region-mode) .hp-form__fields {
grid-template-columns: minmax(0, 0.95fr) minmax(0, 0.5fr) minmax(0, 0.85fr) minmax(0, 1.45fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode:has(.hp-form__field--location.is-open) .hp-form__fields {
grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.85fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode:has(.hp-form__field--search.is-open) .hp-form__fields {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr) minmax(0, 0.85fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode:has(:is(.hp-form__field--category, .marnamic-air-search__field--category).is-open) .hp-form__fields {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 0.85fr) minmax(0, 1.4fr) !important;
}
}  .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--purpose {
width: min(420px, calc(100vw - 32px));
min-width: 100%;
max-width: none;
max-height: min(680px, calc(100vh - 120px));
padding: 0;
overflow: hidden;
color: #132124;
background: #f7f3eb;
border: 1px solid rgba(19, 33, 36, 0.14);
border-radius: 0 0 28px 28px;
box-shadow: 0 18px 34px rgba(19, 33, 36, 0.18);
}
.hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open > .marnamic-air-search__popover--purpose {
display: flex;
flex-direction: column;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-scroll {
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-group + .marnamic-air-search__filter-group {
border-top: 1px solid rgba(19, 33, 36, 0.13);
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-title {
display: grid;
grid-template-columns: minmax(0, 1fr) auto 18px;
gap: 10px;
align-items: center;
width: 100%;
min-height: 58px;
margin: 0;
padding: 12px 22px;
color: #132124;
font: inherit;
font-size: 16px;
font-weight: 500;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.02em;
background: transparent;
border: 0;
border-radius: 0;
cursor: pointer;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-title::after {
content: "";
width: 9px;
height: 9px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translateY(-2px);
transition: transform 160ms ease;
}
.marnamic-air-search__popover--purpose .is-open > .marnamic-air-search__filter-title::after {
transform: rotate(225deg) translate(-2px, -2px);
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-title:hover,
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-title:focus-visible {
color: #132124;
background: rgba(108, 185, 195, 0.13);
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-title:focus-visible,
.marnamic-air-search__popover--purpose .marnamic-purpose-option:focus-within,
.marnamic-air-search__popover--purpose button:focus-visible {
outline: 3px solid rgba(108, 185, 195, 0.55);
outline-offset: -3px;
}
.marnamic-air-search__filter-title-count {
display: inline-grid;
place-items: center;
min-width: 24px;
height: 24px;
padding: 0 7px;
color: #132124;
font-size: 13px;
font-weight: 700;
background: #6cb9c3;
border-radius: 999px;
}
.marnamic-air-search__filter-title-count:empty {
display: none;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-list {
display: grid;
gap: 6px;
padding: 0 14px 16px;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-list[hidden] {
display: none !important;
}
.marnamic-purpose-option {
position: relative;
display: grid;
grid-template-columns: 22px minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
min-height: 48px;
margin: 0;
padding: 9px 12px;
color: #132124 !important;
background: transparent;
border: 0;
border-radius: 12px;
cursor: pointer;
}
.marnamic-purpose-option:hover {
background: rgba(108, 185, 195, 0.12);
}
.marnamic-purpose-option.is-checked {
background: rgba(108, 185, 195, 0.22);
}
.marnamic-purpose-option.is-disabled {
opacity: 0.48;
cursor: not-allowed;
}
.marnamic-purpose-option__input {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
.marnamic-purpose-option__box {
position: relative;
display: block;
width: 22px;
height: 22px;
background: #fffdf8;
border: 2px solid rgba(19, 33, 36, 0.55);
border-radius: 5px;
}
.marnamic-purpose-option__input:checked + .marnamic-purpose-option__box {
background: #6cb9c3;
border-color: #6cb9c3;
}
.marnamic-purpose-option__input:checked + .marnamic-purpose-option__box::before {
content: "";
position: absolute;
left: 6px;
top: 2px;
width: 6px;
height: 11px;
border-right: 3px solid #fffdf8;
border-bottom: 3px solid #fffdf8;
transform: rotate(45deg);
} .marnamic-role-option .marnamic-purpose-option__input[type="radio"] + .marnamic-purpose-option__box {
border-radius: 50%;
}
.marnamic-role-option .marnamic-purpose-option__input[type="radio"]:checked + .marnamic-purpose-option__box::before {
top: 50%;
left: 50%;
width: 10px;
height: 10px;
background: #fffdf8;
border: 0;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.marnamic-purpose-option__label {
min-width: 0;
color: #132124 !important;
font-size: 16px;
font-weight: 600;
line-height: 1.25;
}
.marnamic-purpose-option--with-icon {
grid-template-columns: 22px 24px minmax(0, 1fr) auto;
gap: 10px;
}
.marnamic-purpose-option__icon {
width: 24px;
height: 24px;
fill: none;
stroke: #477b82;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.marnamic-purpose-option__label::before,
.marnamic-purpose-option__label::after {
content: none !important;
display: none !important;
}
.marnamic-purpose-option__count {
display: inline-flex;
min-width: 30px;
height: 30px;
align-items: center;
justify-content: center;
padding: 0 9px;
color: #132124;
background: #e7ff62;
border-radius: 999px;
font-size: 13px;
font-weight: 850;
line-height: 1;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-empty {
margin: 4px 8px 8px;
color: rgba(19, 33, 36, 0.68);
font-size: 14px;
line-height: 1.4;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
flex: 0 0 auto;
padding: 14px;
background: #f7f3eb;
border-top: 1px solid rgba(19, 33, 36, 0.13);
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-reset,
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-apply {
min-height: 46px;
margin: 0;
padding: 10px 14px;
font: inherit;
font-size: 15px;
font-weight: 700;
border-radius: 14px;
cursor: pointer;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-reset {
color: #132124;
background: transparent;
border: 1px solid rgba(19, 33, 36, 0.3);
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-apply {
color: #132124;
background: #6cb9c3;
border: 1px solid #6cb9c3;
}
@media (max-width: 979px) {
.hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--purpose {
width: calc(100vw - 32px);
min-width: 0;
max-height: min(620px, calc(100vh - 96px));
border-radius: 0 0 22px 22px;
}
.marnamic-air-search__popover--purpose .marnamic-air-search__filter-title {
min-height: 54px;
padding-inline: 18px;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open > .marnamic-air-search__popover--purpose {
max-height: min(680px, calc(100dvh - 120px)) !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-scroll {
display: block !important;
max-height: none !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-group {
display: block !important;
gap: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-group + .marnamic-air-search__filter-group {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-title {
display: grid !important;
min-height: 58px !important;
padding: 12px 22px !important;
color: #132124 !important;
font-size: 16px !important;
line-height: 1.2 !important;
letter-spacing: 0.02em !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-list {
padding: 0 14px 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-list[hidden] {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-actions {
display: grid !important;
margin: 0 !important;
padding: 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-reset,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-apply {
height: auto !important;
min-height: 46px !important;
max-height: none !important;
padding: 10px 14px !important;
border-radius: 14px !important;
}
@media (max-width: 979px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-open > .marnamic-air-search__popover--purpose {
max-height: min(620px, calc(100dvh - 96px)) !important;
}
}  body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover {
top: calc(100% + 14px) !important;
margin-top: 0 !important;
padding: 18px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
color: #132124 !important;
background: #f7f3eb !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 28px !important;
box-shadow: 0 20px 46px rgba(19, 33, 36, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__options {
display: grid !important;
gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__option {
min-height: 56px !important;
margin: 0 !important;
padding: 13px 16px !important;
color: #132124 !important;
background: transparent !important;
border: 0 !important;
border-radius: 16px !important;
font-size: 0.98rem !important;
font-weight: 900 !important;
line-height: 1.25 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__option:is(:hover, :focus-visible) {
color: #132124 !important;
background: rgba(108, 185, 195, 0.14) !important;
box-shadow: none !important;
outline: 3px solid rgba(108, 185, 195, 0.34) !important;
outline-offset: -3px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--location-start {
padding: 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--location-start .marnamic-air-search__option {
display: grid !important;
grid-template-columns: 46px minmax(0, 1fr) auto !important;
gap: 14px !important;
align-items: center !important;
padding: 8px 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--location-start .marnamic-air-search__option::before {
content: "\f3c5" !important;
display: inline-grid !important;
width: 46px !important;
height: 46px !important;
place-items: center !important;
color: #132124 !important;
background: rgba(108, 185, 195, 0.12) !important;
border-radius: 14px !important;
font-family: "Font Awesome 5 Free";
font-size: 1.35rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--location-start .marnamic-air-search__option--nearby::after {
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--radius {
padding: 20px !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--purpose {
padding: 0 !important;
overflow: hidden !important;
border-radius: 28px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-title {
min-height: 62px !important;
padding: 15px 22px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-air-search__filter-list {
gap: 9px !important;
padding: 0 16px 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-air-search__popover--purpose .marnamic-purpose-option {
min-height: 54px !important;
padding: 11px 14px !important;
border-radius: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container {
max-height: min(620px, calc(100dvh - 140px)) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
background: #f7f3eb !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 28px !important;
box-shadow: 0 20px 46px rgba(19, 33, 36, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item {
min-height: 62px !important;
padding: 14px 18px !important;
color: rgba(19, 33, 36, 0.7) !important;
background: transparent !important;
border-top: 1px solid rgba(19, 33, 36, 0.08) !important;
font-size: 0.95rem !important;
line-height: 1.35 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item:first-child {
border-top: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item:hover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container .pac-item-selected {
background: rgba(108, 185, 195, 0.14) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pac-container :is(.pac-item-query, .pac-matched) {
color: #132124 !important;
font-size: 0.98rem !important;
line-height: 1.35 !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover {
top: calc(100% + 8px) !important;
width: calc(100vw - 32px) !important;
max-width: calc(100vw - 32px) !important;
padding: 14px !important;
border-radius: 22px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--purpose {
padding: 0 !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start {
top: calc(100% + 14px) !important;
padding: 18px !important;
overflow: hidden auto !important;
background: #f7f3eb !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 28px !important;
box-shadow: 0 20px 46px rgba(19, 33, 36, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start .marnamic-air-search__option {
min-height: 62px !important;
padding: 8px 12px !important;
border-radius: 16px !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start {
top: calc(100% + 8px) !important;
padding: 14px !important;
border-radius: 22px !important;
}
}   body.wp-child-theme-marnamic .site-header,
body.wp-child-theme-marnamic .header-navbar {
border: 0 !important;
box-shadow: none !important;
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active {
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active > .marnamic-air-mobile-card__trigger {
position: relative !important;
z-index: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active > .marnamic-air-mobile-card__content {
position: relative !important;
z-index: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field--location > .hp-field--location {
position: relative !important;
z-index: 5 !important;
isolation: isolate !important;
border: 0 !important;
box-shadow: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field--location > .hp-field--location > input[name="location"] {
position: relative !important;
z-index: 1 !important;
min-height: 56px !important;
font-size: 16px !important;
line-height: 1.25 !important;
-webkit-appearance: none !important;
appearance: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field--location > .hp-field--location > :is(.marnamic-air-search__location-action, .marnamic-air-search__segment-clear) {
z-index: 3 !important;
display: inline-flex !important;
width: 46px !important;
min-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
align-items: center !important;
justify-content: center !important;
pointer-events: auto !important;
touch-action: manipulation !important;
-webkit-user-select: none !important;
user-select: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__option,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-purpose-option,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__filter-title {
position: relative !important;
z-index: 1 !important;
width: 100% !important;
min-height: 56px !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open.marnamic-air-search--location-typing .hp-form__field--location > .marnamic-air-search__popover--location-start {
display: none !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container {
position: fixed !important;
z-index: 12150 !important;
margin: 0 !important;
padding: 6px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-active) !important;
border: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 18px !important;
box-shadow: 0 16px 42px rgba(0, 0, 0, 0.24) !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item {
display: flex !important;
min-height: 58px !important;
align-items: center !important;
margin: 0 !important;
padding: 10px 12px !important;
overflow: hidden !important;
color: var(--marnamic-search-ink) !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
font-size: 15px !important;
line-height: 1.3 !important;
white-space: normal !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item + .pac-item {
border-top: 1px solid rgba(19, 33, 36, 0.1) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item:is(:active, .pac-item-selected) {
background: rgba(108, 185, 195, 0.18) !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .hp-form__fields {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
padding: 12px 16px 20px !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card {
flex: 0 0 auto !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
color: #202020 !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.08) !important;
border-radius: 22px !important;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07) !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card.is-active {
border-color: rgba(32, 32, 32, 0.12) !important;
border-radius: 28px !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1) !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__trigger {
display: grid !important;
width: 100% !important;
min-height: 78px !important;
grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
gap: 18px !important;
align-items: center !important;
margin: 0 !important;
padding: 18px 20px !important;
color: #202020 !important;
background: transparent !important;
border: 0 !important;
border-radius: inherit !important;
box-shadow: none !important;
font: inherit !important;
text-align: left !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card.is-active > .marnamic-air-mobile-card__trigger {
min-height: 0 !important;
padding: 22px 22px 10px !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__label {
color: rgba(32, 32, 32, 0.62) !important;
font-size: 1rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__summary {
min-width: 0 !important;
overflow: hidden !important;
color: #202020 !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-align: right !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card.is-active .marnamic-air-mobile-card__label {
color: #202020 !important;
font-size: 1.55rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card.is-active .marnamic-air-mobile-card__summary {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content {
display: none !important;
padding: 0 22px 22px !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card.is-active > .marnamic-air-mobile-card__content {
display: block !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field,
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field.is-mobile-active {
position: relative !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
color: #202020 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field::before,
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field::after,
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field > :is(.marnamic-air-search__label, .marnamic-air-search__hint) {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .hp-field--location {
position: relative !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .hp-field--location > input {
width: 100% !important;
min-height: 54px !important;
padding: 12px 58px 12px 16px !important;
color: #202020 !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.26) !important;
border-radius: 15px !important;
box-shadow: none !important;
font-size: 1rem !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .hp-field--location > .marnamic-air-search__location-action {
top: 50% !important;
right: 7px !important;
transform: translateY(-50%) !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field {
margin-top: 16px !important;
padding-top: 16px !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .marnamic-air-search__radius-trigger {
display: grid !important;
width: 100% !important;
min-height: 52px !important;
grid-template-columns: 1fr auto !important;
align-items: center !important;
margin: 0 !important;
padding: 0 2px !important;
color: #202020 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
text-align: left !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .marnamic-air-search__radius-trigger-value {
font-weight: 700 !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .hp-field--search,
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content :is(.marnamic-air-search__native-select, .marnamic-air-search__native-control) {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field > .marnamic-air-search__popover {
position: static !important;
display: none !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content > .hp-form__field.is-open > .marnamic-air-search__popover {
display: block !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .marnamic-air-search__popover--purpose {
flex-direction: column !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .hp-form__field.is-open > .marnamic-air-search__popover--purpose {
display: flex !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .marnamic-air-search__filter-actions {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .marnamic-air-search__group + .marnamic-air-search__group {
margin-top: 14px !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .marnamic-air-search__radius-body {
min-height: 230px !important;
}
} body.wp-child-theme-marnamic :is(
.marnamic-listing-search__mobile-close,
.marnamic-listing-search__mobile-actions,
.marnamic-listing-search__label,
.marnamic-listing-search__hint
) {
display: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.marnamic-listing-search-mobile-open {
overflow: hidden !important;
overscroll-behavior: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-mobile-search.marnamic-listing-search--mobile-open {
position: fixed !important;
top: var(--marnamic-mobile-viewport-top, 0px) !important;
right: 0 !important;
bottom: auto !important;
left: 0 !important;
z-index: 12000 !important;
display: block !important;
width: 100vw !important;
max-width: none !important;
height: var(--marnamic-mobile-viewport-height, 100dvh) !important;
min-height: 0 !important;
max-height: var(--marnamic-mobile-viewport-height, 100dvh) !important;
margin: 0 !important;
padding: calc(58px + env(safe-area-inset-top)) 0 calc(82px + env(safe-area-inset-bottom)) !important;
overflow: hidden !important;
color: #202020 !important;
background: #f5f5f4 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .hp-form__fields {
position: absolute !important;
top: calc(58px + env(safe-area-inset-top)) !important;
right: 0 !important;
bottom: calc(82px + env(safe-area-inset-bottom)) !important;
left: 0 !important;
display: grid !important;
width: auto !important;
height: auto !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 12px !important;
align-content: start !important;
margin: 0 !important;
padding: 12px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .hp-form__fields > .hp-form__field {
position: relative !important;
display: grid !important;
width: 100% !important;
height: auto !important;
min-height: 78px !important;
max-height: none !important;
grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
gap: 8px 18px !important;
align-items: center !important;
margin: 0 !important;
padding: 18px 20px !important;
overflow: visible !important;
color: #202020 !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.08) !important;
border-radius: 22px !important;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active {
min-height: 136px !important;
align-items: start !important;
padding: 22px !important;
border-radius: 28px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .marnamic-listing-search__label {
display: block !important;
grid-column: 1 !important;
grid-row: 1 !important;
color: rgba(32, 32, 32, 0.62) !important;
font-size: 1rem !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .marnamic-listing-search__hint {
display: block !important;
grid-column: 2 !important;
grid-row: 1 !important;
color: #202020 !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-align: right !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-form__field.is-mobile-active > .marnamic-listing-search__label {
grid-column: 1 / -1 !important;
color: #202020 !important;
font-size: 1.55rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-form__field.is-mobile-active > .marnamic-listing-search__hint {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-form__field:not(.is-mobile-active) > :is(.hp-field, .select2-container) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-form__field.is-mobile-active > :is(.hp-field, .select2-container) {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: none !important;
grid-column: 1 / -1 !important;
grid-row: 2 !important;
margin: 12px 0 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-form__field.is-mobile-active > .select2-hidden-accessible {
position: absolute !important;
display: block !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .hp-form__footer {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .marnamic-listing-search__mobile-close {
position: fixed !important;
top: calc(12px + env(safe-area-inset-top)) !important;
right: 14px !important;
z-index: 12080 !important;
display: grid !important;
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
color: #202020 !important;
background: rgba(32, 32, 32, 0.08) !important;
border: 0 !important;
border-radius: 50% !important;
font: inherit !important;
font-size: 28px !important;
line-height: 1 !important;
text-indent: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .marnamic-listing-search__mobile-actions {
position: absolute !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 12060 !important;
display: grid !important;
min-height: calc(82px + env(safe-area-inset-bottom)) !important;
grid-template-columns: minmax(0, 1fr) minmax(144px, 0.9fr) !important;
gap: 16px !important;
align-items: center !important;
padding: 10px 18px calc(10px + env(safe-area-inset-bottom)) !important;
background: rgba(245, 245, 244, 0.98) !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.06) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open :is(.marnamic-listing-search__mobile-reset, .marnamic-listing-search__mobile-primary) {
min-height: 52px !important;
margin: 0 !important;
padding: 12px 18px !important;
border-radius: 16px !important;
font: inherit !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-indent: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .marnamic-listing-search__mobile-reset {
justify-self: start !important;
color: #202020 !important;
background: transparent !important;
border: 0 !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .marnamic-listing-search__mobile-primary {
width: 100% !important;
color: #f7f3eb !important;
background: #202020 !important;
border: 1px solid #202020 !important;
}
body.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .site-header {
z-index: 1 !important;
background: #f5f5f4 !important;
}
body.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .site-header .header-navbar > * {
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .pac-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-listing-search-mobile-open > .select2-container--open .select2-dropdown {
position: fixed !important;
top: calc(var(--marnamic-mobile-viewport-top, 0px) + 174px + env(safe-area-inset-top)) !important;
right: 22px !important;
bottom: calc(92px + env(safe-area-inset-bottom)) !important;
left: 22px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
max-height: none !important;
overflow-y: auto !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.1) !important;
border-radius: 20px !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field::before {
display: none !important;
content: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field.is-open .marnamic-air-search__radius-trigger,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger:is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-trigger {
min-height: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: 0 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
position: relative !important;
min-width: 0 !important;
isolation: isolate !important;
color: #132124 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field::after {
position: absolute !important;
inset: 0 !important;
z-index: -1 !important;
display: block !important;
width: auto !important;
pointer-events: none !important;
background: transparent !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
content: "" !important;
transition: background-color 160ms ease, box-shadow 160ms ease !important;
}
@media (hover: hover) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:hover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:hover {
z-index: 15 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:hover::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:hover::after {
background: rgba(246, 242, 234, 0.7) !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within) {
z-index: 20 !important;
flex-grow: 1 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within)::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within)::after {
background: #f6f2ea !important;
box-shadow: 0 4px 14px rgba(19, 33, 36, 0.18) !important;
} @media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.marnamic-air-search__field--category:is(:hover, .is-open, :focus-within)::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.marnamic-air-search__field--category:is(:hover, .is-open, :focus-within)::after {
right: 0 !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
position: relative !important;
z-index: 30 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.marnamic-styleguide .styleguide-demo .hp-form--vendor-search.marnamic-air-search :is(.hp-form__button, button[type="submit"], input[type="submit"]) {
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
flex: 0 0 48px !important;
align-self: center !important;
padding: 0 !important;
background-size: 24px 24px !important;
border-radius: 50% !important;
} body.wp-child-theme-marnamic.marnamic-styleguide .styleguide-demo .hp-form--vendor-search.marnamic-air-search .hp-form__footer > .hp-form__button.hp-field--submit {
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
flex: 0 0 48px !important;
align-self: center !important;
padding: 0 !important;
background-size: 24px 24px !important;
border-radius: 50% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__segment-clear, .marnamic-air-search__location-action),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__segment-clear, .marnamic-air-search__location-action) {
right: 20px !important;
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
border-radius: 50% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.has-segment-value,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location {
padding-right: 88px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-input {
appearance: none !important;
-webkit-appearance: none !important;
width: 32px !important;
height: 220px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-input::-webkit-slider-runnable-track {
width: 6px !important;
height: 100% !important;
box-sizing: border-box !important;
background: linear-gradient(
to top,
#61a5ac 0 var(--marnamic-radius-progress, 15.15%),
rgba(19, 33, 36, 0.22) var(--marnamic-radius-progress, 15.15%) 100%
) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-input::-webkit-slider-thumb {
appearance: none !important;
-webkit-appearance: none !important;
width: 24px !important;
height: 24px !important;
margin-left: -9px !important;
box-sizing: border-box !important;
background: #6cb9c3 !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 50% !important;
outline: 0 !important;
box-shadow: 0 2px 7px rgba(19, 33, 36, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-input::-moz-range-track {
width: 6px !important;
height: 100% !important;
box-sizing: border-box !important;
background: linear-gradient(
to top,
#61a5ac 0 var(--marnamic-radius-progress, 15.15%),
rgba(19, 33, 36, 0.22) var(--marnamic-radius-progress, 15.15%) 100%
) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-input::-moz-range-thumb {
width: 24px !important;
height: 24px !important;
box-sizing: border-box !important;
background: #6cb9c3 !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 50% !important;
box-shadow: 0 2px 7px rgba(19, 33, 36, 0.18) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover {
top: calc(100% + 12px) !important;
color: #132124 !important;
background: #f6f2ea !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 24px !important;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18) !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
--marnamic-air-search-height: 78px;
--marnamic-air-search-inline: 32px;
display: grid !important;
width: min(100%, 1080px) !important;
max-width: 1080px !important;
min-height: var(--marnamic-air-search-height) !important;
grid-template-columns: minmax(0, 1fr) 78px !important;
gap: 0 !important;
align-items: center !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0 !important;
color: #132124 !important;
background: #c9c4b9 !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results
.hp-page__header
.hp-form--vendor-search.marnamic-air-search {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: 1 / -1 !important;
justify-self: stretch !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__fields {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
height: var(--marnamic-air-search-height) !important;
align-items: stretch !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:is(.is-open, :focus-within) {
display: grid !important;
min-height: var(--marnamic-air-search-height) !important;
flex: 1 1 0 !important;
align-content: center !important;
gap: 4px !important;
margin: 0 !important;
padding: 13px var(--marnamic-air-search-inline) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child:is(.is-open, :focus-within),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field:first-child:is(.is-open, :focus-within) {
padding-left: var(--marnamic-air-search-inline) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.marnamic-air-search__radius-field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.marnamic-air-search__radius-field:is(.is-open, :focus-within),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.marnamic-air-search__radius-field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field.marnamic-air-search__radius-field:is(.is-open, :focus-within) {
width: 124px !important;
min-width: 124px !important;
max-width: 124px !important;
inline-size: 124px !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
flex-basis: 124px !important;
box-sizing: border-box !important;
padding: 13px 20px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field .marnamic-air-search__popover--radius,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field .marnamic-air-search__popover--radius {
right: auto !important;
left: 0 !important;
width: 190px !important;
min-width: 190px !important;
max-width: 190px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, input[type="text"], input[type="search"], .marnamic-air-search__hint),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, input[type="text"], input[type="search"], .marnamic-air-search__hint) {
color: #132124 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__label {
font-size: 1.02rem !important;
line-height: 1.05 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(input[type="text"], input[type="search"], .marnamic-air-search__hint) {
font-size: 0.96rem !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__footer,
body.wp-child-theme-marnamic.marnamic-styleguide .styleguide-demo .hp-form--vendor-search.marnamic-air-search .hp-form__footer {
width: 78px !important;
min-width: 78px !important;
max-width: 78px !important;
height: var(--marnamic-air-search-height) !important;
min-height: var(--marnamic-air-search-height) !important;
flex: 0 0 78px !important;
}
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
padding-right: 32px !important;
padding-left: 32px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover {
width: min(430px, calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
}
} body.wp-child-theme-marnamic .marnamic-air-search__mobile-close {
display: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open {
overflow: hidden !important;
overscroll-behavior: none !important;
touch-action: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open {
position: fixed !important;
top: var(--marnamic-mobile-viewport-top, 0px) !important;
right: 0 !important;
bottom: auto !important;
left: 0 !important;
z-index: 12000 !important;
display: block !important;
width: 100vw !important;
max-width: none !important;
height: var(--marnamic-mobile-viewport-height, 100dvh) !important;
min-height: 0 !important;
max-height: var(--marnamic-mobile-viewport-height, 100dvh) !important;
margin: 0 !important;
padding: calc(58px + env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)) !important;
overflow: hidden !important;
color: #132124 !important;
background: #0f191b !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
isolation: isolate !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-close {
position: absolute !important;
top: calc(8px + env(safe-area-inset-top)) !important;
right: 12px !important;
z-index: 12040 !important;
display: grid !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
color: #f7f3eb !important;
background: rgba(24, 39, 43, 0.96) !important;
border: 1px solid rgba(247, 243, 235, 0.28) !important;
border-radius: 50% !important;
box-shadow: none !important;
font: inherit !important;
font-size: 28px !important;
font-weight: 400 !important;
line-height: 1 !important;
text-indent: 0 !important;
cursor: pointer !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields {
position: static !important;
display: block !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active {
position: static !important;
z-index: 12030 !important;
display: flex !important;
width: 100% !important;
min-height: 64px !important;
align-items: center !important;
margin: 0 !important;
padding: 10px 64px 10px 20px !important;
color: #132124 !important;
background: #f7f3eb !important;
border: 0 !important;
border-radius: 22px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__chips {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field.is-mobile-active.is-open > .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field--location.is-mobile-active.is-open > .marnamic-air-search__popover--location-start {
position: absolute !important;
top: calc(134px + env(safe-area-inset-top)) !important;
right: 12px !important;
bottom: max(12px, env(safe-area-inset-bottom)) !important;
left: 12px !important;
z-index: 12020 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
border-radius: 22px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose {
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-air-search__filter-scroll {
min-height: 0 !important;
flex: 1 1 auto !important;
overflow-y: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-air-search__filter-actions {
position: sticky !important;
bottom: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container {
position: fixed !important;
top: calc(var(--marnamic-mobile-viewport-top, 0px) + 134px + env(safe-area-inset-top)) !important;
right: 12px !important;
bottom: auto !important;
left: 12px !important;
z-index: 12050 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: calc(var(--marnamic-mobile-viewport-height, 100dvh) - 146px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
border-radius: 22px !important;
-webkit-overflow-scrolling: touch !important;
}
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results {
--marnamic-archive-sticky-offset: calc(var(--marnamic-header-height) + 140px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
top: var(--marnamic-header-height) !important;
padding-top: 51px !important;
border: 0 !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search {
width: 100% !important;
max-width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
cursor: pointer !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field--location .marnamic-air-search__popover--location-start {
position: fixed !important;
top: auto !important;
right: 12px !important;
bottom: max(12px, env(safe-area-inset-bottom)) !important;
left: 12px !important;
z-index: 12020 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: min(620px, calc(100dvh - 92px)) !important;
margin: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
border-radius: 24px !important;
box-shadow: 0 18px 52px rgba(0, 0, 0, 0.28) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--purpose,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--purpose {
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--radius,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__popover--radius {
width: min(240px, calc(100vw - 24px)) !important;
max-width: min(240px, calc(100vw - 24px)) !important;
right: auto !important;
left: 50% !important;
transform: translateX(-50%) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(input, button, [role="button"], label),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search :is(input, button, [role="button"], label) {
touch-action: manipulation !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open {
color: #132124 !important;
background: #f7f3eb !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-close {
color: #132124 !important;
background: rgba(19, 33, 36, 0.08) !important;
border: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active {
min-height: 64px !important;
padding: 10px 64px 12px 8px !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field.is-mobile-active.is-open > .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field--location.is-mobile-active.is-open > .marnamic-air-search__popover--location-start {
top: calc(124px + env(safe-area-inset-top)) !important;
right: 0 !important;
bottom: max(8px, env(safe-area-inset-bottom)) !important;
left: 0 !important;
padding-right: 12px !important;
padding-left: 12px !important;
background: #f7f3eb !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose {
padding: 0 0 max(8px, env(safe-area-inset-bottom)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-air-search__filter-actions {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) !important;
padding: 12px !important;
background: #f7f3eb !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container {
top: calc(var(--marnamic-mobile-viewport-top, 0px) + 124px + env(safe-area-inset-top)) !important;
right: 0 !important;
left: 0 !important;
height: calc(var(--marnamic-mobile-viewport-height, 100dvh) - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
padding-right: 12px !important;
padding-left: 12px !important;
background: #f7f3eb !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
} body.wp-child-theme-marnamic .marnamic-air-search__mobile-actions {
display: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open {
touch-action: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open {
padding: calc(58px + env(safe-area-inset-top)) 0 calc(82px + env(safe-area-inset-bottom)) !important;
background: #f5f5f4 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields {
position: absolute !important;
top: calc(58px + env(safe-area-inset-top)) !important;
right: 0 !important;
bottom: calc(82px + env(safe-area-inset-bottom)) !important;
left: 0 !important;
display: grid !important;
width: auto !important;
height: auto !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 12px !important;
align-content: start !important;
margin: 0 !important;
padding: 12px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active {
position: relative !important;
z-index: 1 !important;
display: grid !important;
width: 100% !important;
min-height: 78px !important;
grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
gap: 8px 18px !important;
align-items: center !important;
margin: 0 !important;
padding: 18px 20px !important;
color: #202020 !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.08) !important;
border-radius: 22px !important;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active {
z-index: 2 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
align-items: start !important;
padding: 22px !important;
overflow: visible !important;
border-color: rgba(32, 32, 32, 0.12) !important;
border-radius: 28px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field::after,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field > .marnamic-air-search__label {
grid-column: 1 !important;
grid-row: 1 !important;
color: rgba(32, 32, 32, 0.62) !important;
font-size: 1rem !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field > .marnamic-air-search__hint {
grid-column: 2 !important;
grid-row: 1 !important;
color: #202020 !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-align: right !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field.is-mobile-active > .marnamic-air-search__label {
grid-column: 1 / -1 !important;
color: #202020 !important;
font-size: 1.55rem !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field.is-mobile-active > .marnamic-air-search__hint {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field:not(.is-mobile-active) > :is(.hp-field--location, .hp-field--search, .marnamic-air-search__native-select, .marnamic-air-search__native-control, .marnamic-air-search__popover) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field.is-mobile-active > :is(.hp-field--location, .hp-field--search) {
position: relative !important;
display: block !important;
width: 100% !important;
grid-column: 1 / -1 !important;
grid-row: 2 !important;
margin: 8px 0 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-field > .marnamic-air-search__radius-trigger {
width: 100% !important;
grid-column: 1 / -1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field.is-mobile-active.is-open > .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .hp-form__field--location.is-mobile-active.is-open > .marnamic-air-search__popover--location-start {
position: static !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
grid-column: 1 / -1 !important;
grid-row: 3 !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose {
display: flex !important;
flex-direction: column !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-air-search__filter-actions {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-actions {
position: absolute !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 12060 !important;
display: grid !important;
min-height: calc(82px + env(safe-area-inset-bottom)) !important;
grid-template-columns: minmax(0, 1fr) minmax(144px, 0.9fr) !important;
gap: 16px !important;
align-items: center !important;
padding: 10px 18px calc(10px + env(safe-area-inset-bottom)) !important;
background: rgba(245, 245, 244, 0.98) !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.06) !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .site-header {
z-index: 1 !important;
background: #f5f5f4 !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .site-header .header-navbar > :not(.header-navbar__end) {
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .site-header .header-navbar__end {
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .hp-page__header {
z-index: 12000 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-close {
position: fixed !important;
top: calc(12px + env(safe-area-inset-top)) !important;
right: 14px !important;
left: auto !important;
z-index: 12080 !important;
visibility: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open :is(.marnamic-air-search__mobile-reset, .marnamic-air-search__mobile-primary) {
min-height: 52px !important;
margin: 0 !important;
padding: 12px 18px !important;
border-radius: 16px !important;
font: inherit !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-indent: 0 !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__mobile-reset {
justify-self: start !important;
color: #202020 !important;
background: transparent !important;
border: 0 !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__mobile-primary {
width: 100% !important;
color: #f7f3eb !important;
background: #202020 !important;
border: 1px solid #202020 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container {
top: calc(var(--marnamic-mobile-viewport-top, 0px) + 174px + env(safe-area-inset-top)) !important;
right: 22px !important;
bottom: calc(92px + env(safe-area-inset-bottom)) !important;
left: 22px !important;
width: auto !important;
height: auto !important;
padding: 8px !important;
overflow-y: auto !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.1) !important;
border-radius: 20px !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field.is-mobile-active {
position: relative !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field > :is(.marnamic-air-search__label, .marnamic-air-search__hint) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .hp-field--location {
position: relative !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .hp-field--location > input {
display: block !important;
width: 100% !important;
min-height: 54px !important;
margin: 0 !important;
padding: 12px 58px 12px 16px !important;
color: #202020 !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.26) !important;
border-radius: 15px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field {
display: block !important;
margin-top: 16px !important;
padding-top: 16px !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-trigger {
display: grid !important;
width: 100% !important;
min-height: 52px !important;
grid-template-columns: 1fr auto !important;
align-items: center !important;
margin: 0 !important;
padding: 0 2px !important;
color: #202020 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content :is(.hp-field--search, .marnamic-air-search__native-select, .marnamic-air-search__native-control) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field > .marnamic-air-search__popover {
position: static !important;
display: none !important;
inset: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(32, 32, 32, 0.1) !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location {
position: relative !important;
z-index: 8 !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__control {
position: relative !important;
z-index: 2 !important;
display: grid !important;
width: 100% !important;
min-height: 58px !important;
grid-template-columns: minmax(0, 1fr) 48px !important;
align-items: center !important;
gap: 4px !important;
margin: 0 !important;
padding: 4px !important;
background: #fffaf3 !important;
border: 1px solid rgba(19, 33, 36, 0.24) !important;
border-radius: 16px !important;
box-shadow: none !important;
isolation: isolate !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source {
position: relative !important;
inset: auto !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: 48px !important;
min-height: 48px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
transform: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source > input[name="location"] {
position: relative !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: 48px !important;
min-height: 48px !important;
margin: 0 !important;
padding: 10px 12px !important;
color: var(--marnamic-search-ink) !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
outline: 0 !important;
font: inherit !important;
font-size: 16px !important;
line-height: 1.25 !important;
opacity: 1 !important;
visibility: visible !important;
-webkit-appearance: none !important;
appearance: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source > input[name="location"]:focus {
background: rgba(108, 185, 195, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source > a {
display: none !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__locate {
position: relative !important;
inset: auto !important;
z-index: 3 !important;
display: inline-flex !important;
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-location) !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
-webkit-tap-highlight-color: transparent !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__locate[hidden] {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__control > .marnamic-mobile-location__clear {
position: relative !important;
inset: auto !important;
z-index: 3 !important;
display: inline-flex !important;
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-location) !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__legacy-control,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__legacy-popover {
position: absolute !important;
inset: 0 auto auto 0 !important;
z-index: -1 !important;
display: block !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
visibility: hidden !important;
border: 0 !important;
box-shadow: none !important;
pointer-events: none !important;
touch-action: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options {
position: relative !important;
z-index: 1 !important;
display: none !important;
width: 100% !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open:not(.marnamic-air-search--location-typing) .hp-form__field--location.is-open .marnamic-mobile-location__options {
display: block !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options :is(.marnamic-air-search__group, .marnamic-air-search__options) {
position: relative !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__group + .marnamic-air-search__group {
margin-top: 10px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option {
position: relative !important;
z-index: 2 !important;
display: grid !important;
width: 100% !important;
min-height: 60px !important;
align-items: center !important;
margin: 0 !important;
padding: 10px 4px !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-touch-panel {
isolation: isolate !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch {
display: grid !important;
grid-template-columns: 44px minmax(0, 1fr) 44px !important;
gap: 10px !important;
align-items: center !important;
justify-content: stretch !important;
padding: 8px 10px !important;
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-surface) !important;
border-color: rgba(246, 242, 234, 0.18) !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
cursor: pointer !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic .marnamic-air-search__mobile-launch > .hp-icon {
display: inline-flex !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
align-items: center !important;
justify-content: center !important;
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-accent) !important;
border-radius: 50% !important;
}
body.wp-child-theme-marnamic .marnamic-air-search__mobile-launch > span {
grid-column: 2 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic .marnamic-air-search__mobile-launch::after {
display: block !important;
grid-column: 3 !important;
width: 44px !important;
height: 1px !important;
content: "" !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open :is(
.marnamic-air-mobile-card,
.marnamic-air-mobile-card__content,
.marnamic-air-mobile-card__content > .hp-form__field,
.marnamic-air-search__popover,
.marnamic-air-search__group,
.marnamic-air-search__options
) {
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content {
position: relative !important;
z-index: 3 !important;
isolation: isolate !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open :is(
.marnamic-air-mobile-card__trigger,
.marnamic-air-search__option,
.marnamic-air-search__filter-title,
.marnamic-purpose-option,
.marnamic-air-search__radius-trigger,
.marnamic-air-search__segment-clear,
.marnamic-air-search__location-action,
.marnamic-air-search__mobile-close,
.marnamic-air-search__mobile-reset,
.marnamic-air-search__mobile-primary
) {
min-height: 44px !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
cursor: pointer !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__option {
min-height: 56px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-purpose-option {
display: grid !important;
min-height: 52px !important;
align-items: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open :is(
input[type="text"],
input[type="search"],
input[type="checkbox"]
) {
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-input {
min-height: 44px !important;
pointer-events: auto !important;
touch-action: pan-x !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item {
pointer-events: auto !important;
touch-action: manipulation !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-body {
display: grid !important;
width: 100% !important;
min-height: 0 !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 8px !important;
align-items: center !important;
margin: 0 !important;
padding: 4px 2px 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-input {
appearance: none !important;
-webkit-appearance: none !important;
display: block !important;
width: 100% !important;
height: 32px !important;
margin: 0 !important;
padding: 0 !important;
writing-mode: horizontal-tb !important;
direction: ltr !important;
background: transparent !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-input::-webkit-slider-runnable-track {
width: 100% !important;
height: 6px !important;
background: linear-gradient(
to right,
#61a5ac 0 var(--marnamic-radius-progress, 15.15%),
rgba(19, 33, 36, 0.2) var(--marnamic-radius-progress, 15.15%) 100%
) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-input::-webkit-slider-thumb {
appearance: none !important;
-webkit-appearance: none !important;
width: 24px !important;
height: 24px !important;
margin-top: -9px !important;
margin-left: 0 !important;
background: #6cb9c3 !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 50% !important;
box-shadow: 0 2px 7px rgba(19, 33, 36, 0.16) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-input::-moz-range-track {
width: 100% !important;
height: 6px !important;
background: linear-gradient(
to right,
#61a5ac 0 var(--marnamic-radius-progress, 15.15%),
rgba(19, 33, 36, 0.2) var(--marnamic-radius-progress, 15.15%) 100%
) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-input::-moz-range-thumb {
width: 24px !important;
height: 24px !important;
background: #6cb9c3 !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 50% !important;
box-shadow: 0 2px 7px rgba(19, 33, 36, 0.16) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content .marnamic-air-search__radius-scale {
display: flex !important;
min-width: 0 !important;
flex-direction: row-reverse !important;
justify-content: space-between !important;
padding: 0 !important;
color: rgba(19, 33, 36, 0.66) !important;
font-size: 0.78rem !important;
font-weight: 720 !important;
line-height: 1 !important;
}
} body.wp-child-theme-marnamic .marnamic-air-search__mobile-launch {
display: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > :is(.hp-form__fields, .hp-form__footer, .marnamic-air-search__mobile-close, .marnamic-air-search__mobile-actions),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > :is(.hp-form__fields, .hp-form__footer, .marnamic-air-search__mobile-close, .marnamic-air-search__mobile-actions) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch {
position: relative !important;
display: inline-flex !important;
width: 100% !important;
min-height: 64px !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
margin: 0 !important;
padding: 14px 24px !important;
color: #202020 !important;
background: #fff !important;
border: 1px solid rgba(32, 32, 32, 0.12) !important;
border-radius: 999px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.09) !important;
font: inherit !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-align: center !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .marnamic-air-search__mobile-launch > .hp-icon {
width: 20px !important;
min-width: 20px !important;
height: 20px !important;
color: currentColor !important;
font-size: 18px !important;
line-height: 20px !important;
}
body.wp-child-theme-marnamic .marnamic-air-search__mobile-launch:is(:hover, :focus-visible) {
border-color: rgba(32, 32, 32, 0.2) !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-launch {
display: none !important;
}
} body.wp-child-theme-marnamic {
--marnamic-search-ink: #132124;
--marnamic-search-page: #132124;
--marnamic-search-surface: #c9c4b9;
--marnamic-search-active: #f6f2ea;
--marnamic-search-location: #6cb9c3;
--marnamic-search-accent: #6cb9c3;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-active) !important;
border-color: rgba(19, 33, 36, 0.14) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-page) !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .hp-form__fields > .hp-form__field {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-surface) !important;
border-color: rgba(246, 242, 234, 0.18) !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card.is-active,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .hp-form__fields > .hp-form__field.is-mobile-active {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-active) !important;
border-color: rgba(19, 33, 36, 0.12) !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24) !important;
}
body.wp-child-theme-marnamic .marnamic-air-mobile-card__content .hp-field--location > input,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-form__field.is-mobile-active > :is(.hp-field, .select2-container) {
color: var(--marnamic-search-ink) !important;
background: #fffaf3 !important;
border-color: rgba(19, 33, 36, 0.22) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__location-action,
body.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .hp-field--location > a {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-location) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-close,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .marnamic-listing-search__mobile-close {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-active) !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-actions,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open > .marnamic-listing-search__mobile-actions {
background: rgba(19, 33, 36, 0.98) !important;
border-top-color: rgba(246, 242, 234, 0.16) !important;
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.2) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__mobile-reset,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .marnamic-listing-search__mobile-reset {
color: var(--marnamic-search-active) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-search__mobile-primary,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--listing-search.marnamic-listing-search--mobile-open .marnamic-listing-search__mobile-primary {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-accent) !important;
border-color: var(--marnamic-search-accent) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .pac-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-listing-search-mobile-open .select2-container--open .select2-dropdown {
color: var(--marnamic-search-ink) !important;
background: var(--marnamic-search-active) !important;
border-color: rgba(19, 33, 36, 0.12) !important;
}
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__footer {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field::after {
display: none !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
content: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field--location > .hp-field--location {
position: relative !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 54px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field--location > .hp-field--location > input {
display: block !important;
width: 100% !important;
height: 54px !important;
min-height: 54px !important;
margin: 0 !important;
padding: 12px 62px 12px 16px !important;
opacity: 1 !important;
visibility: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field--location :is(.marnamic-air-search__segment-clear, .marnamic-air-search__location-action) {
position: absolute !important;
top: 27px !important;
right: 7px !important;
bottom: auto !important;
left: auto !important;
z-index: 4 !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
padding: 0 !important;
transform: translateY(-50%) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field > .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field--location > .marnamic-air-search__popover--location-start,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field > .marnamic-air-search__popover--radius {
position: static !important;
inset: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field:not(.is-open) > .marnamic-air-search__popover {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field.is-open > .marnamic-air-search__popover {
display: block !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field.is-open > .marnamic-air-search__popover--purpose {
display: flex !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field[hidden],
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--region-mode .marnamic-air-search__radius-field {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__label, .marnamic-air-search__radius-trigger-label) {
color: #132124 !important;
font-size: 1rem !important;
font-weight: 850 !important;
line-height: 1.05 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.marnamic-air-search__hint, .marnamic-air-search__radius-trigger-value) {
font-size: 0.96rem !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__hint {
color: rgba(19, 33, 36, 0.58) !important;
font-weight: 650 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search :is(.hp-form__field.has-segment-value .marnamic-air-search__hint, .marnamic-air-search__radius-trigger-value) {
color: #132124 !important;
font-weight: 780 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-role-option {
cursor: pointer !important;
touch-action: manipulation !important;
}  body.wp-child-theme-marnamic {
--marnamic-card-radius: var(--marnamic-radius);
--marnamic-card-border: rgba(161, 192, 195, 0.22);
--marnamic-card-border-hover: rgba(231, 253, 135, 0.46);
--marnamic-card-surface: rgba(24, 39, 43, 0.84);
--marnamic-card-surface-footer: rgba(15, 25, 27, 0.3);
--marnamic-card-space: clamp(18px, 2vw, 24px);
--marnamic-card-gap: 12px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
color: var(--marnamic-cream) !important;
background: var(--marnamic-card-surface) !important;
border: 1px solid var(--marnamic-card-border) !important;
border-radius: var(--marnamic-card-radius) !important;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.14) !important;
overflow: hidden !important;
transform: none !important;
transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card:hover {
background: rgba(32, 51, 55, 0.94) !important;
border-color: var(--marnamic-card-border-hover) !important;
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18) !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__header, .hp-listing__header) {
flex: 0 0 auto;
min-width: 0;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__header {
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image {
display: grid !important;
min-height: 164px !important;
place-items: center !important;
padding: 20px var(--marnamic-card-space) 8px !important;
background: transparent !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image > a {
display: flex !important;
width: min(100%, 242px) !important;
min-height: 120px !important;
align-items: center !important;
justify-content: center !important;
padding: 18px !important;
background: var(--marnamic-logo-tile) !important;
border: 1px solid rgba(19, 33, 36, 0.1) !important;
border-radius: calc(var(--marnamic-card-radius) - 2px) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image img {
width: 100% !important;
max-width: 100% !important;
max-height: 84px !important;
object-fit: contain !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__image {
position: relative !important;
display: block !important;
min-height: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: rgba(15, 25, 27, 0.46) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__image :is(a, img, video) {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-width: none !important;
max-height: none !important;
aspect-ratio: 16 / 10;
object-fit: cover !important;
border: 0 !important;
border-radius: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__content, .hp-listing__content) {
display: flex !important;
min-width: 0 !important;
flex: 0 0 auto !important;
flex-direction: column !important;
gap: var(--marnamic-card-gap) !important;
padding: 10px var(--marnamic-card-space) var(--marnamic-card-space) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__name, .hp-listing__title) {
min-width: 0 !important;
margin: 0 !important;
color: var(--marnamic-cream) !important;
font-family: var(--marnamic-font-display) !important;
font-size: clamp(1.08rem, 1.3vw, 1.3rem) !important;
font-weight: 650 !important;
line-height: 1.2 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__name, .hp-listing__title) a {
display: inline !important;
overflow-wrap: anywhere !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__details--primary {
display: flex !important;
min-width: 0 !important;
align-items: center !important;
gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__created-date {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__category a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__role {
display: inline-flex !important;
width: fit-content !important;
max-width: 100% !important;
padding: 5px 9px !important;
color: #132124 !important;
background: var(--marnamic-lime) !important;
border-radius: 999px !important;
font-size: 0.76rem !important;
font-weight: 800 !important;
line-height: 1.1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__meta {
display: grid;
min-width: 0;
gap: 10px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__description {
display: -webkit-box;
margin: 0 !important;
overflow: hidden;
color: var(--marnamic-text-muted) !important;
font-size: 0.9rem !important;
line-height: 1.48 !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__identity {
display: flex;
min-width: 0;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__region,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__location {
display: inline-flex;
min-width: 0;
align-items: center;
gap: 6px;
color: var(--marnamic-mint) !important;
font-size: 0.82rem;
font-weight: 650;
line-height: 1.25;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__circularity-score {
display: inline-flex;
min-height: 28px;
align-items: center;
gap: 6px;
padding: 3px 4px 3px 9px;
color: var(--marnamic-mint);
background: rgba(97, 165, 172, 0.12);
border: 1px solid rgba(97, 165, 172, 0.34);
border-radius: 999px;
font-size: 0.72rem;
font-weight: 700;
line-height: 1;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__circularity-score strong {
display: inline-flex;
min-width: 26px;
height: 20px;
align-items: center;
justify-content: center;
padding: 0 5px;
color: var(--marnamic-dark);
background: var(--marnamic-teal);
border-radius: 999px;
font-size: 0.7rem;
font-weight: 900;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__location .hp-icon {
color: var(--marnamic-teal);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__tags {
display: flex;
min-width: 0;
flex-wrap: wrap;
gap: 6px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__tag {
max-width: 100%;
padding: 5px 8px;
overflow: hidden;
color: var(--marnamic-mint);
background: rgba(161, 192, 195, 0.1);
border: 1px solid rgba(161, 192, 195, 0.2);
border-radius: 999px;
font-size: 0.73rem;
font-weight: 650;
line-height: 1.15;
text-overflow: ellipsis;
white-space: nowrap;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__footer, .hp-listing__footer) {
display: flex !important;
min-height: 60px !important;
align-items: center !important;
justify-content: flex-end !important;
margin-top: auto !important;
padding: 10px var(--marnamic-card-space) !important;
background: var(--marnamic-card-surface-footer) !important;
border-top: 1px solid rgba(161, 192, 195, 0.14) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__actions, .hp-listing__actions) {
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__action, .hp-listing__action) {
display: inline-flex !important;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: var(--marnamic-mint) !important;
background: rgba(15, 25, 27, 0.48) !important;
border: 1px solid rgba(161, 192, 195, 0.22) !important;
border-radius: var(--marnamic-card-radius) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__action, .hp-listing__action):is(:hover, :focus-visible) {
color: #132124 !important;
background: var(--marnamic-lime) !important;
border-color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__sidebar .marnamic-card--vendor .hp-vendor__image {
min-height: 132px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__sidebar .marnamic-card--vendor .hp-vendor__image > a {
min-height: 94px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__sidebar .marnamic-card--vendor .hp-vendor__content {
padding-bottom: 18px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card {
display: flex !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
align-self: start !important;
grid-template-columns: none !important;
flex-direction: column !important;
gap: 0 !important;
padding: 0 !important;
background: var(--marnamic-card-surface) !important;
border: 1px solid var(--marnamic-card-border) !important;
border-radius: var(--marnamic-card-radius) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__image {
display: grid !important;
width: auto !important;
min-height: 164px !important;
margin: 0 !important;
padding: 20px var(--marnamic-card-space) 8px !important;
place-items: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__image a {
display: flex !important;
width: min(100%, 242px) !important;
min-width: 0 !important;
min-height: 120px !important;
height: auto !important;
aspect-ratio: auto !important;
padding: 18px !important;
border-radius: calc(var(--marnamic-card-radius) - 2px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image img,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__image img {
width: 100% !important;
max-width: 100% !important;
max-height: 84px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__content {
min-height: 0 !important;
flex: 0 0 auto !important;
align-items: stretch !important;
gap: var(--marnamic-card-gap) !important;
padding: 10px var(--marnamic-card-space) var(--marnamic-card-space) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__name,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__name {
width: auto !important;
font-size: clamp(1.08rem, 1.3vw, 1.3rem) !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__name a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__name a {
display: inline !important;
width: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__footer {
justify-content: flex-end !important;
gap: 0 !important;
padding: 10px var(--marnamic-card-space) !important;
background: var(--marnamic-card-surface-footer) !important;
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings) :is(.hp-grid__item, [class*="hp-col-"]) {
min-width: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card {
width: 100% !important;
max-width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image {
min-height: 150px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__content, .hp-listing__content) {
padding: 10px 18px 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__footer, .hp-listing__footer) {
min-height: 56px !important;
padding-inline: 18px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.pagination, .pagination .nav-links, .hp-pagination) {
display: flex !important;
width: 100% !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.pagination .nav-links > a,
.pagination .nav-links > span,
.pagination > a,
.pagination > span,
.hp-pagination a,
.hp-pagination span
) {
display: inline-flex !important;
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text) !important;
background: var(--marnamic-ui-input) !important;
border: 1px solid var(--marnamic-ui-border) !important;
border-radius: var(--marnamic-ui-radius-md) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body) !important;
font-size: 1rem !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
transition:
color var(--marnamic-ui-transition),
background-color var(--marnamic-ui-transition),
border-color var(--marnamic-ui-transition),
transform var(--marnamic-ui-transition) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.pagination .current,
.pagination .nav-links > a:hover,
.pagination .nav-links > a:focus-visible,
.pagination > a:hover,
.pagination > a:focus-visible,
.hp-pagination .current,
.hp-pagination a:hover,
.hp-pagination a:focus-visible
) {
color: var(--marnamic-ui-primary-text) !important;
background: var(--marnamic-ui-primary) !important;
border-color: var(--marnamic-ui-primary) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.pagination a, .hp-pagination a):active {
transform: translateY(1px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.pagination .dots, .hp-pagination .dots) {
color: var(--marnamic-ui-text-soft) !important;
background: transparent !important;
border-color: transparent !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.pagination .next,
.pagination .prev,
.hp-pagination .next,
.hp-pagination .prev
) {
position: relative !important;
font-size: 0 !important;
overflow: hidden !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .pagination .nav-links > a.next.page-numbers,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pagination .nav-links > a.prev.page-numbers,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-pagination > a.next,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-pagination > a.prev {
font-size: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.pagination .next,
.pagination .prev,
.hp-pagination .next,
.hp-pagination .prev
)::before {
display: block !important;
width: 11px !important;
height: 11px !important;
content: "" !important;
border-top: 3px solid currentColor !important;
border-right: 3px solid currentColor !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .pagination .nav-links > a:is(.next, .prev).page-numbers::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-pagination > a:is(.next, .prev)::before {
display: block !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.pagination .next, .hp-pagination .next)::before {
margin-left: -4px !important;
transform: rotate(45deg) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.pagination .prev, .hp-pagination .prev)::before {
margin-right: -4px !important;
transform: rotate(-135deg) !important;
}
@media (max-width: 520px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.pagination, .pagination .nav-links, .hp-pagination) {
gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.pagination .nav-links > a,
.pagination .nav-links > span,
.pagination > a,
.pagination > span,
.hp-pagination a,
.hp-pagination span
) {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
font-size: 0.94rem !important;
}
} body.wp-child-theme-marnamic {
--marnamic-card-radius: 8px;
--marnamic-card-border: rgba(161, 192, 195, 0.32);
--marnamic-card-border-hover: rgba(231, 253, 135, 0.68);
--marnamic-card-surface: #1b2b2f;
--marnamic-card-surface-hover: #203438;
--marnamic-card-space: 16px;
--marnamic-card-gap: 8px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card {
height: auto !important;
min-height: 0 !important;
flex-direction: column !important;
background: var(--marnamic-card-surface) !important;
border: 1px solid var(--marnamic-card-border) !important;
border-radius: var(--marnamic-card-radius) !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14) !important;
transform: translateY(0) !important;
transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card:hover {
background: var(--marnamic-card-surface-hover) !important;
border-color: var(--marnamic-card-border-hover) !important;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2) !important;
transform: translateY(-2px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card:active {
transform: translateY(0) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card:focus-within {
outline: 3px solid rgba(231, 253, 135, 0.5) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__header,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__header,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__header {
margin: 0 !important;
padding: 16px 16px 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__image {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__image > a {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
height: 112px !important;
min-height: 112px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 16px !important;
background: #f1e9dd !important;
border: 0 !important;
border-radius: 6px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__image img,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image img,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__image img {
width: auto !important;
max-width: 88% !important;
height: auto !important;
max-height: 72px !important;
object-fit: contain !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor {
position: relative !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.marnamic-card__circularity-score {
position: absolute !important;
top: 26px !important;
right: 26px !important;
left: auto !important;
z-index: 4 !important;
min-height: 32px !important;
margin: 0 !important;
padding: 4px 5px 4px 11px !important;
color: var(--marnamic-mint, #a1c0c3) !important;
background: rgba(19, 33, 36, 0.94) !important;
border: 1px solid rgba(97, 165, 172, 0.72) !important;
border-radius: 999px !important;
box-shadow: 0 7px 18px rgba(0, 0, 0, 0.24) !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.marnamic-card__circularity-score strong {
min-width: 26px !important;
height: 22px !important;
padding: 0 6px !important;
background: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__image,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__image :is(a, img, video) {
border-radius: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__image :is(a, img, video) {
aspect-ratio: 16 / 9 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__content, .hp-listing__content),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__content {
min-height: 0 !important;
flex: 0 0 auto !important;
gap: 8px !important;
padding: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__name, .hp-listing__title),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__name,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__name {
display: -webkit-box !important;
min-height: 48px !important;
margin: 0 !important;
overflow: hidden !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 24px !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__meta {
gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__description {
min-height: 46px;
font-size: 16px !important;
line-height: 23px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__identity {
gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--listing .hp-listing__category a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__role {
padding: 0 !important;
color: var(--marnamic-lime) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: 0.04em !important;
line-height: 18px !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__region,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__location {
font-size: 14px !important;
font-weight: 650 !important;
line-height: 20px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__tags {
gap: 6px !important;
max-height: none !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__tag {
padding: 5px 8px !important;
font-size: 13px !important;
line-height: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__footer, .hp-listing__footer),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__footer {
display: flex !important;
min-height: 56px !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
margin-top: auto !important;
padding: 8px 16px 16px !important;
background: transparent !important;
border-top: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__cta {
display: inline-flex !important;
min-width: 0;
min-height: 40px;
align-items: center;
justify-content: center;
gap: 8px;
padding: 8px 16px !important;
color: #132124 !important;
background: var(--marnamic-lime) !important;
border: 1px solid var(--marnamic-lime) !important;
border-radius: 8px !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 22px !important;
text-decoration: none !important;
transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__cta:is(:hover, :focus-visible) {
color: #132124 !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18) !important;
transform: translateY(-1px);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__cta:active {
box-shadow: none !important;
transform: translateY(0);
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card__matching-cta {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.hp-vendor__footer {
display: grid !important;
grid-template-areas: "profile message";
grid-template-columns: minmax(0, 1fr) 40px !important;
gap: 8px !important;
align-items: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.hp-vendor__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide
.styleguide-archive-frame
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.hp-vendor__footer {
grid-template-areas:
"profile message"
"matching matching";
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.hp-vendor__footer:not(:has(.marnamic-card__matching-cta)) {
grid-template-areas: "profile message";
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
.marnamic-card--vendor .marnamic-card__cta--profile {
grid-area: profile;
width: 100% !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: rgba(15, 25, 27, 0.78) !important;
border-color: rgba(161, 192, 195, 0.34) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
.marnamic-card--vendor .marnamic-card__cta--profile:is(:hover, :focus-visible) {
color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime-hover, #dffc5f) !important;
border-color: var(--marnamic-lime-hover, #dffc5f) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.marnamic-card--vendor .marnamic-card__matching-cta,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide
.styleguide-archive-frame
.marnamic-card--vendor .marnamic-card__matching-cta {
display: inline-flex !important;
grid-area: matching;
width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
.marnamic-card--vendor .marnamic-card__matching-cta i {
color: currentColor !important;
font-size: 0.9em !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
.marnamic-card--vendor .hp-vendor__actions {
grid-area: message;
justify-self: end;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
.marnamic-card--vendor .hp-vendor__footer:not(:has(.hp-vendor__actions:not(:empty)))
.marnamic-card__cta--profile {
grid-column: 1 / -1;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__actions, .hp-listing__actions):empty {
display: none !important;
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__header,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__header,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__header {
padding: 12px 12px 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.marnamic-card__circularity-score {
top: 22px !important;
right: 22px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card :is(.hp-vendor__content, .hp-listing__content),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__content {
padding: 16px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
gap: 0 !important;
padding: 16px !important;
color: var(--marnamic-cream) !important;
background: var(--marnamic-card-surface) !important;
border: 1px solid var(--marnamic-card-border) !important;
border-radius: var(--marnamic-card-radius) !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14) !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__image {
display: flex !important;
width: 100% !important;
min-height: 112px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 0 16px !important;
padding: 16px !important;
background: #f1e9dd !important;
border: 0 !important;
border-radius: 6px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__image img {
width: auto !important;
max-width: 88% !important;
height: auto !important;
max-height: 72px !important;
object-fit: contain !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__name {
margin: 0 !important;
color: var(--marnamic-cream) !important;
font-size: 22px !important;
font-weight: 400 !important;
line-height: 28px !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__details--primary {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__description {
margin: 16px 0 0 !important;
padding: 16px 0 0 !important;
color: var(--marnamic-text-muted) !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(161, 192, 195, 0.18) !important;
border-radius: 0 !important;
font-size: 16px !important;
line-height: 24px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__description > :first-child {
margin-top: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .hp-vendor__description > :last-child {
margin-bottom: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .marnamic-vendor-contact {
width: 100% !important;
margin: 16px 0 0 !important;
padding: 16px 0 0 !important;
border-top: 1px solid rgba(161, 192, 195, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .marnamic-vendor-contact__title {
margin: 0 0 4px !important;
color: var(--marnamic-cream) !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 24px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-page .hp-vendor__summary .marnamic-vendor-contact__item {
padding: 12px 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page .hp-page__sidebar .marnamic-card--vendor .marnamic-card__cta {
width: auto !important;
min-width: 0 !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
color: #132124 !important;
white-space: nowrap !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-vendor--view-block.marnamic-card.marnamic-card--vendor {
block-size: auto !important;
height: 100% !important;
min-block-size: 400px !important;
min-height: 400px !important;
max-block-size: none !important;
max-height: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__content .hp-vendors.hp-block.hp-grid .hp-vendor--view-block.marnamic-card.marnamic-card--vendor,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__content .hp-vendors.hp-block.hp-grid .hp-vendor--view-block.marnamic-card.marnamic-card--vendor {
block-size: auto !important;
height: 100% !important;
min-block-size: 400px !important;
min-height: 400px !important;
max-block-size: none !important;
max-height: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card--vendor .hp-vendor__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-vendor--view-block.marnamic-card .hp-vendor__content {
flex: 1 1 auto !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__sidebar .hp-vendor--view-block.marnamic-card.marnamic-card--vendor {
block-size: auto !important;
height: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
max-block-size: none !important;
max-height: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings) + .hp-pagination {
clear: both !important;
margin-top: 32px !important;
}
@media (max-width: 720px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings) + .hp-pagination {
margin-top: 24px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar {
display: grid !important;
width: 100% !important;
min-height: 64px !important;
grid-template-columns: minmax(0, 1fr) max-content !important;
gap: 16px 24px !important;
align-items: center !important;
margin: 0 0 32px !important;
padding: 11px 16px !important;
background: rgba(24, 39, 43, 0.72) !important;
border: 1px solid rgba(161, 192, 195, 0.2) !important;
border-radius: 8px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-result-count,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-result-count,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-result-count {
display: inline-flex !important;
width: auto !important;
min-height: 40px !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-text-muted) !important;
background: transparent !important;
border: 0 !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 20px !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort {
display: block !important;
width: auto !important;
min-width: 0 !important;
justify-self: end !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__fields, .hp-form__field),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__fields, .hp-form__field),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__fields, .hp-form__field) {
display: grid !important;
width: auto !important;
min-width: 0 !important;
grid-template-columns: max-content 210px !important;
gap: 10px !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort .hp-form__fields {
grid-template-columns: max-content !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__label, .hp-field__label),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__label, .hp-field__label),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__label, .hp-field__label) {
margin: 0 !important;
color: var(--marnamic-text-muted) !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 20px !important;
text-transform: none !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort .select2-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort .select2-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort .select2-container {
width: 210px !important;
min-width: 210px !important;
max-width: 210px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort .select2-selection--single,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort .select2-selection--single,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort .select2-selection--single {
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort .select2-selection__rendered,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort .select2-selection__rendered,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort .select2-selection__rendered {
letter-spacing: 0 !important;
text-transform: none !important;
}
@media (max-width: 820px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar {
min-height: 0 !important;
grid-template-columns: 1fr !important;
gap: 8px !important;
margin-bottom: 24px !important;
padding: 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort {
width: 100% !important;
justify-self: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__fields, .hp-form__field),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__fields, .hp-form__field),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort :is(.hp-form__fields, .hp-form__field) {
width: 100% !important;
grid-template-columns: max-content minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__topbar .hp-form--vendor-sort .select2-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor .hp-page__topbar .hp-form--vendor-sort .select2-container,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide .styleguide-archive-frame .hp-page__topbar .hp-form--vendor-sort .select2-container {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
}  body.wp-child-theme-marnamic {
--marnamic-auth-panel-width: 680px;
--marnamic-auth-register-width: 720px;
--marnamic-auth-form-width: 520px;
--marnamic-auth-panel-bg: rgba(15, 25, 27, 0.96);
--marnamic-auth-field-bg: rgba(11, 21, 23, 0.82);
--marnamic-auth-border: rgba(161, 192, 195, 0.28);
--marnamic-auth-border-strong: rgba(161, 192, 195, 0.4);
--marnamic-auth-shadow: 0 28px 72px rgba(0, 0, 0, 0.42);
} body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
) {
display: grid !important;
box-sizing: border-box !important;
width: min(100%, var(--marnamic-auth-form-width)) !important;
max-width: var(--marnamic-auth-form-width) !important;
gap: 0 !important;
margin: 0 auto !important;
padding: 0 !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
text-align: left !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register {
width: min(100%, 560px) !important;
max-width: 560px !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__header {
width: 100% !important;
margin: 0 0 22px !important;
padding: 0 !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
text-align: center !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__description {
max-width: 50ch !important;
margin: 0 auto !important;
color: inherit !important;
font-size: 0.96rem !important;
font-weight: 500 !important;
line-height: 1.55 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__messages:empty {
display: none !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__messages:not(:empty) {
display: block !important;
margin: 0 0 16px !important;
padding: 12px 14px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: rgba(255, 123, 123, 0.1) !important;
border: 1px solid rgba(255, 123, 123, 0.42) !important;
border-radius: var(--marnamic-ui-radius-sm, 6px) !important;
line-height: 1.45 !important;
} body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__messages.hp-form__messages--success {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: rgba(104, 211, 145, 0.12) !important;
border: 1px solid rgba(104, 211, 145, 0.5) !important;
border-left: 4px solid var(--marnamic-success, #68d391) !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__messages.hp-form__messages--success::before {
flex: 0 0 auto;
color: var(--marnamic-success, #68d391);
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-size: 1.15em;
font-weight: 800;
line-height: 1.25;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__messages.hp-form__messages--success > div {
flex: 1 1 auto;
min-width: 0;
padding: 0 !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-weight: 600 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__fields {
display: grid !important;
box-sizing: border-box !important;
width: 100% !important;
gap: 14px !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__field {
position: relative !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__field:not(.hp-form__field--checkbox):not(.hp-form__field--captcha)
.hp-field__label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"]
) {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
height: 56px !important;
min-height: 56px !important;
max-height: 56px !important;
padding: 0 18px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: var(--marnamic-auth-field-bg) !important;
background-image: none !important;
border: 1px solid var(--marnamic-auth-border-strong) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 1rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"]
)::placeholder {
color: rgba(241, 233, 221, 0.56) !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"]
):is(:focus, :focus-visible) {
outline: 0 !important;
border-color: var(--marnamic-ui-primary, #e7fd87) !important;
box-shadow: 0 0 0 3px rgba(231, 253, 135, 0.2) !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register
)
.hp-form__field--password
input {
padding-right: 58px !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register
)
.hp-form__field--password
.hp-field__icon {
position: absolute !important;
top: 50% !important;
right: 8px !important;
bottom: auto !important;
display: grid !important;
box-sizing: border-box !important;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
background: rgba(161, 192, 195, 0.06) !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-sm, 6px) !important;
box-shadow: none !important;
text-decoration: none !important;
transform: translateY(-50%) !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register
)
.hp-form__field--password
.hp-field__icon:is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary, #e7fd87) !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register
)
.hp-form__field--password
.hp-field__icon
:is(i, svg) {
display: inline-grid !important;
width: 1em !important;
height: 1em !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
color: currentColor !important;
fill: currentColor !important;
line-height: 1 !important;
opacity: 1 !important;
vertical-align: middle !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register
)
.hp-form__field--password
.hp-field__icon
:is(i, svg)::before {
display: block !important;
margin: 0 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__footer {
display: grid !important;
box-sizing: border-box !important;
width: 100% !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 16px !important;
align-items: stretch !important;
justify-items: stretch !important;
margin: 24px 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__footer
> * {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin-inline: 0 !important;
justify-self: stretch !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
.hp-form__button,
.hp-form__footer > button,
.hp-form__footer > .button,
button[type="submit"],
input[type="submit"]
) {
display: inline-flex !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 56px !important;
min-height: 56px !important;
max-height: 56px !important;
flex: 1 1 100% !important;
align-items: center !important;
justify-content: center !important;
justify-self: stretch !important;
margin: 0 !important;
padding: 0 22px !important;
color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary, #e7fd87) !important;
background-image: none !important;
border: 1px solid var(--marnamic-ui-primary, #e7fd87) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 1rem !important;
font-weight: 800 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
.hp-form__button,
.hp-form__footer > button,
.hp-form__footer > .button,
button[type="submit"],
input[type="submit"]
):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary-hover, #dffc5f) !important;
border-color: var(--marnamic-ui-primary-hover, #dffc5f) !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__actions {
display: grid !important;
box-sizing: border-box !important;
width: 100% !important;
gap: 6px !important;
justify-items: center !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
text-align: center !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(.hp-form__action, .hp-form__action a, a.hp-form__action) {
max-width: 100% !important;
margin: 0 !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
font-size: 0.96rem !important;
font-weight: 500 !important;
line-height: 1.45 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(.hp-form__action a, a.hp-form__action) {
display: inline !important;
color: var(--marnamic-ui-primary, #e7fd87) !important;
font-weight: 650 !important;
text-decoration: none !important;
text-underline-offset: 3px !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(.hp-form__action a, a.hp-form__action):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-hover, #dffc5f) !important;
text-decoration: underline !important;
} body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox {
display: flex !important;
min-height: 54px !important;
align-items: center !important;
padding: 11px 15px !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
background: var(--marnamic-auth-field-bg) !important;
border: 1px solid var(--marnamic-auth-border) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
label {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
align-items: center !important;
gap: 12px !important;
margin: 0 !important;
color: inherit !important;
line-height: 1.4 !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
input[type="checkbox"] {
position: static !important;
flex: 0 0 20px !important;
width: 20px !important;
min-width: 20px !important;
height: 20px !important;
min-height: 20px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
appearance: auto !important;
-webkit-appearance: checkbox !important;
clip: auto !important;
opacity: 1 !important;
accent-color: var(--marnamic-ui-primary, #e7fd87) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
label
> span {
display: block !important;
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
padding: 0 !important;
color: inherit !important;
} body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
label
> span::before,
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
label
> span::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
input[type="checkbox"]:focus-visible {
outline: 2px solid var(--marnamic-ui-primary, #e7fd87) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--checkbox
a {
color: var(--marnamic-ui-primary, #e7fd87) !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--captcha {
display: flex !important;
width: 100% !important;
min-height: 102px !important;
align-items: center !important;
justify-content: center !important;
padding: 11px !important;
background: rgba(241, 233, 221, 0.9) !important;
border: 1px solid rgba(241, 233, 221, 0.78) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
:is(.hp-field--captcha, .g-recaptcha) {
width: 304px !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
} body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
.fancybox-slide--html:has(
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
) {
display: flex !important;
box-sizing: border-box !important;
min-height: 100% !important;
align-items: flex-start !important;
justify-content: center !important;
flex-direction: column !important;
padding: 16px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
text-align: initial !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
.fancybox-slide--html:has(
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
)::before {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal) {
position: relative !important;
box-sizing: border-box !important;
width: min(100%, var(--marnamic-auth-panel-width)) !important;
min-width: 0 !important;
max-width: min(100%, var(--marnamic-auth-panel-width)) !important;
max-height: none !important;
flex: 0 0 auto !important;
margin: auto !important;
padding: 36px 48px 38px !important;
overflow: visible !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: var(--marnamic-auth-panel-bg) !important;
background-image: none !important;
border: 1px solid var(--marnamic-auth-border) !important;
border-radius: 14px !important;
box-shadow: var(--marnamic-auth-shadow) !important;
text-align: center !important;
-webkit-backdrop-filter: blur(10px) saturate(112%) !important;
backdrop-filter: blur(10px) saturate(112%) !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal {
width: min(100%, var(--marnamic-auth-register-width)) !important;
max-width: min(100%, var(--marnamic-auth-register-width)) !important;
padding-top: 24px !important;
padding-bottom: 26px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)::before {
display: block !important;
width: 64px !important;
height: 64px !important;
margin: 0 auto 16px !important;
background: url(//matching.marnamic.com/wp-content/themes/marnamic/images/Logo-creme-512.png) center / contain no-repeat !important;
content: "" !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal::before {
width: 52px !important;
height: 52px !important;
margin-bottom: 10px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
.hp-modal__title {
max-width: min(100%, 470px) !important;
margin: 0 auto 26px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: clamp(2rem, 3.6vw, 2.7rem) !important;
font-weight: 400 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-wrap: balance !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-modal__title {
margin-bottom: 16px !important;
font-size: clamp(1.9rem, 3.1vw, 2.35rem) !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
:is(.fancybox-button, .fancybox-close-small, .hp-modal__close) {
position: absolute !important;
top: 16px !important;
right: 16px !important;
display: inline-flex !important;
box-sizing: border-box !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: rgba(11, 21, 23, 0.78) !important;
border: 1px solid var(--marnamic-auth-border) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
box-shadow: none !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
:is(.fancybox-button, .fancybox-close-small, .hp-modal__close)
svg {
color: currentColor !important;
fill: currentColor !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
:is(.fancybox-button, .fancybox-close-small, .hp-modal__close):is(:hover, :focus-visible) {
color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary, #e7fd87) !important;
border-color: var(--marnamic-ui-primary, #e7fd87) !important;
} body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
.hp-form__fields {
gap: 10px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
:is(input[type="text"], input[type="email"], input[type="password"]) {
height: 50px !important;
min-height: 50px !important;
max-height: 50px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
.hp-form__field--password
.hp-field__icon {
top: 50% !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
.hp-form__field--checkbox {
min-height: 50px !important;
padding-block: 9px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
.hp-form__field--captcha {
min-height: 96px !important;
padding-block: 8px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
.hp-form__footer {
gap: 10px !important;
margin-top: 16px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-form--user-register
:is(.hp-form__button, button[type="submit"]) {
height: 50px !important;
min-height: 50px !important;
max-height: 50px !important;
} body.wp-child-theme-marnamic.hp-template--user-login-page
.site-content {
display: flex !important;
box-sizing: border-box !important;
min-height: calc(100vh - var(--marnamic-header-height, 84px)) !important;
min-height: calc(100dvh - var(--marnamic-header-height, 84px)) !important;
align-items: center !important;
padding-block: clamp(32px, 5vw, 60px) !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.site-content
> .container {
display: flex !important;
width: min(calc(100% - 32px), 1180px) !important;
max-width: 1180px !important;
align-items: center !important;
margin-inline: auto !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
:is(.hp-page, .hp-page > .hp-row) {
display: flex !important;
width: 100% !important;
max-width: none !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.hp-page__content {
display: flex !important;
box-sizing: border-box !important;
width: min(100%, var(--marnamic-auth-panel-width)) !important;
max-width: var(--marnamic-auth-panel-width) !important;
flex: 0 1 var(--marnamic-auth-panel-width) !important;
flex-direction: column !important;
margin: 0 auto !important;
padding: 36px 48px 38px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: var(--marnamic-auth-panel-bg) !important;
background-image: none !important;
border: 1px solid var(--marnamic-auth-border) !important;
border-radius: 14px !important;
box-shadow: var(--marnamic-auth-shadow) !important;
text-align: center !important;
-webkit-backdrop-filter: blur(10px) saturate(112%) !important;
backdrop-filter: blur(10px) saturate(112%) !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.hp-page__content::before {
display: block !important;
width: 64px !important;
height: 64px !important;
flex: 0 0 64px !important;
margin: 0 auto 16px !important;
background: url(//matching.marnamic.com/wp-content/themes/marnamic/images/Logo-creme-512.png) center / contain no-repeat !important;
content: "" !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__intro {
width: 100% !important;
margin: 0 0 26px !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__kicker {
display: inline-flex !important;
box-sizing: border-box !important;
min-height: 30px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 0 12px !important;
padding: 6px 12px !important;
color: var(--marnamic-ui-primary, #e7fd87) !important;
background: rgba(231, 253, 135, 0.08) !important;
border: 1px solid rgba(231, 253, 135, 0.34) !important;
border-radius: 999px !important;
font-size: 0.76rem !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__intro
h1 {
max-width: 18ch !important;
margin: 0 auto 10px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: clamp(2rem, 3.6vw, 2.7rem) !important;
font-weight: 400 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-wrap: balance !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__intro
p {
max-width: 48ch !important;
margin: 0 auto !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
font-size: 0.96rem !important;
font-weight: 500 !important;
line-height: 1.55 !important;
text-align: center !important;
} body.wp-child-theme-marnamic.hp-template--user-password-reset-page .site-content {
display: flex !important;
box-sizing: border-box !important;
min-height: calc(100vh - var(--marnamic-header-height, 84px)) !important;
min-height: calc(100dvh - var(--marnamic-header-height, 84px)) !important;
align-items: center !important;
padding-block: clamp(32px, 5vw, 60px) !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .site-content > .container {
display: flex !important;
width: min(calc(100% - 32px), 1180px) !important;
max-width: 1180px !important;
align-items: center !important;
margin-inline: auto !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page :is(.hp-page, .hp-page > .hp-row) {
display: flex !important;
width: 100% !important;
max-width: none !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-page__content {
display: flex !important;
box-sizing: border-box !important;
width: min(100%, var(--marnamic-auth-panel-width)) !important;
max-width: var(--marnamic-auth-panel-width) !important;
flex: 0 1 var(--marnamic-auth-panel-width) !important;
flex-direction: column !important;
margin: 0 auto !important;
padding: 36px 48px 38px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: var(--marnamic-auth-panel-bg) !important;
border: 1px solid var(--marnamic-auth-border) !important;
border-radius: 14px !important;
box-shadow: var(--marnamic-auth-shadow) !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-page__content::before {
display: block !important;
width: 64px !important;
height: 64px !important;
flex: 0 0 64px !important;
margin: 0 auto 16px !important;
background: url(//matching.marnamic.com/wp-content/themes/marnamic/images/Logo-creme-512.png) center / contain no-repeat !important;
content: "" !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .marnamic-auth-page__intro {
width: 100% !important;
margin: 0 0 22px !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .marnamic-auth-page__kicker {
display: inline-flex !important;
min-height: 30px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 0 12px !important;
padding: 6px 12px !important;
color: var(--marnamic-ui-primary, #e7fd87) !important;
background: rgba(231, 253, 135, 0.08) !important;
border: 1px solid rgba(231, 253, 135, 0.34) !important;
border-radius: 999px !important;
font-size: 0.76rem !important;
font-weight: 800 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .marnamic-auth-page__intro h1 {
max-width: 22ch !important;
margin: 0 auto 10px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
font-size: clamp(1.9rem, 3.6vw, 2.5rem) !important;
font-weight: 400 !important;
line-height: 1.1 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .marnamic-auth-page__intro p {
max-width: 48ch !important;
margin: 0 auto !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
font-size: 0.96rem !important;
line-height: 1.55 !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-form--user-password-reset {
display: grid !important;
width: min(100%, var(--marnamic-auth-form-width)) !important;
max-width: var(--marnamic-auth-form-width) !important;
gap: 14px !important;
margin: 0 auto !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-form--user-password-reset .hp-form__description {
margin: 0 0 4px !important;
color: var(--marnamic-ui-text-muted, rgba(241, 233, 221, 0.72)) !important;
line-height: 1.55 !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-form--user-password-reset :is(.hp-form__field, .hp-form__footer) {
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-form--user-password-reset :is(input[type="password"], button[type="submit"]) {
box-sizing: border-box !important;
width: 100% !important;
min-height: 52px !important;
border-radius: 7px !important;
}
@media (max-width: 640px) {
body.wp-child-theme-marnamic.hp-template--user-password-reset-page .hp-page__content {
padding: 28px 18px 26px !important;
}
} body.wp-child-theme-marnamic.hp-template--user-login-page
.hp-menu__item--user-login {
display: none !important;
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
.fancybox-stage:has(
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
) {
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
.fancybox-slide--html:has(
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
) {
width: 100% !important;
min-height: 100% !important;
align-items: center !important;
overscroll-behavior: contain !important;
}
}
@media (max-width: 640px) {
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
.fancybox-slide--html:has(
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
) {
padding: 12px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal) {
width: 100% !important;
max-width: 100% !important;
margin: auto !important;
padding: 28px 18px 26px !important;
border-radius: 12px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal {
padding-top: 22px !important;
padding-bottom: 24px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)::before {
width: 54px !important;
height: 54px !important;
margin-bottom: 12px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal::before {
width: 46px !important;
height: 46px !important;
margin-bottom: 8px !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
.hp-modal__title {
max-width: calc(100% - 52px) !important;
margin-bottom: 20px !important;
font-size: clamp(1.8rem, 9vw, 2.25rem) !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
#user_register_modal
.hp-modal__title {
margin-bottom: 14px !important;
font-size: clamp(1.7rem, 8.5vw, 2.1rem) !important;
}
body.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
:is(.fancybox-button, .fancybox-close-small, .hp-modal__close) {
top: 12px !important;
right: 12px !important;
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
min-height: 42px !important;
max-height: 42px !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
.hp-form__fields {
gap: 12px !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"]
),
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-password-request
)
:is(
.hp-form__button,
.hp-form__footer > button,
.hp-form__footer > .button,
button[type="submit"],
input[type="submit"]
) {
height: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
}
body.wp-child-theme-marnamic
:is(
.hp-form--user-login,
.hp-form--user-register
)
.hp-form__field--password
.hp-field__icon {
top: 50% !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.hp-form__field--captcha {
min-height: 88px !important;
padding: 5px 0 !important;
}
body.wp-child-theme-marnamic
.hp-form--user-register
.g-recaptcha {
transform: scale(0.86) !important;
transform-origin: center !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.site-content {
align-items: flex-start !important;
padding-block: 24px 40px !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.site-content
> .container {
width: min(calc(100% - 24px), var(--marnamic-auth-panel-width)) !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.hp-page__content {
padding: 28px 18px 30px !important;
border-radius: 12px !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.hp-page__content::before {
width: 54px !important;
height: 54px !important;
flex-basis: 54px !important;
margin-bottom: 12px !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__intro {
margin-bottom: 22px !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__intro
h1 {
max-width: 15ch !important;
font-size: clamp(1.8rem, 9vw, 2.25rem) !important;
}
body.wp-child-theme-marnamic.hp-template--user-login-page
.marnamic-auth-page__intro
p {
max-width: 36ch !important;
font-size: 0.92rem !important;
}
}  body.wp-child-theme-marnamic {
--marnamic-layout-max: 1800px;
--marnamic-layout-width: min(82%, var(--marnamic-layout-max));
--marnamic-mobile-gutter: 16px;
--marnamic-mobile-shell-width: calc(100% - 32px);
--marnamic-reading-max: 900px;
--marnamic-grid-columns: 12;
--marnamic-grid-gap: clamp(18px, 1.35vw, 28px);
--marnamic-section-gap: clamp(48px, 5vw, 88px);
--marnamic-section-gap-sm: clamp(28px, 3vw, 48px);
} body.wp-child-theme-marnamic :is(
.site-content > .container,
.site-footer > .container,
.site-footer .container,
#main-content > .container
) {
box-sizing: border-box !important;
width: var(--marnamic-layout-width) !important;
max-width: none !important;
margin-right: auto !important;
margin-left: auto !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic :is(.content-area, .hp-page, .page__text) {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
} body.wp-child-theme-marnamic :is(.hp-page__header, .marnamic-layout-grid) {
display: grid !important;
grid-template-columns: repeat(var(--marnamic-grid-columns), minmax(0, 1fr)) !important;
column-gap: var(--marnamic-grid-gap) !important;
}
body.wp-child-theme-marnamic .hp-page__header > * {
min-width: 0 !important;
grid-column: 1 / -1;
} body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results) .hp-page__header > :is(
.hp-form--vendor-search,
.hp-form--listing-search,
.marnamic-vendor-discovery__clusters
) {
width: 100% !important;
max-width: none !important;
grid-column: 2 / -2;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header > :is(
.hp-form--vendor-search,
.hp-form--listing-search
) {
grid-column: 1 / -1;
} body.home.wp-child-theme-marnamic .page__text {
display: grid !important;
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
column-gap: var(--marnamic-grid-gap) !important;
}
body.home.wp-child-theme-marnamic .page__text > * {
min-width: 0 !important;
grid-column: 1 / -1;
}
body.home.wp-child-theme-marnamic :is(
.marnamic-map-hotfix__filters,
.marnamic-home-vendor-map .map-controls
) {
display: none !important;
}
body.home.wp-child-theme-marnamic .page__text > :is(h2, .content-title) {
margin-top: var(--marnamic-section-gap) !important;
margin-bottom: var(--marnamic-section-gap-sm) !important;
}
body.home.wp-child-theme-marnamic :is(.hp-listing-categories, .hp-listings) {
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.home.wp-child-theme-marnamic .hp-listing-categories > .hp-row,
body.home.wp-child-theme-marnamic .hp-listings > .hp-row {
display: grid !important;
width: 100% !important;
margin: 0 !important;
gap: var(--marnamic-grid-gap) !important;
align-items: stretch !important;
}
body.home.wp-child-theme-marnamic :is(.hp-listing-categories, .hp-listings) > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]) {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.home.wp-child-theme-marnamic .hp-listing-category--view-block {
width: 100% !important;
min-height: 0 !important;
aspect-ratio: 16 / 10 !important;
} body.wp-child-theme-marnamic:is(
.hp-template--listings-view-page,
.hp-template--listing-view-page,
.hp-template--vendor-view-page
) .hp-page > .hp-row {
display: grid !important;
width: 100% !important;
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
gap: var(--marnamic-grid-gap) !important;
align-items: start !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page > .hp-row > .hp-page__sidebar,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-page > .hp-row > .hp-page__sidebar {
grid-column: span 4;
}
body.wp-child-theme-marnamic.hp-template--listings-view-page .hp-page > .hp-row > .hp-page__content,
body.wp-child-theme-marnamic.hp-template--vendor-view-page .hp-page > .hp-row > .hp-page__content {
grid-column: span 8;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-page > .hp-row > .hp-page__content {
grid-column: span 8;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page .hp-page > .hp-row > .hp-page__sidebar {
grid-column: span 4;
}
body.wp-child-theme-marnamic:is(
.hp-template--listings-view-page,
.hp-template--listing-view-page,
.hp-template--vendor-view-page
) .hp-page > .hp-row > :is(.hp-page__content, .hp-page__sidebar) {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
} body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings, .hp-listing-categories) > .hp-row {
display: grid !important;
width: 100% !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
gap: var(--marnamic-grid-gap) !important;
align-items: stretch !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings, .hp-listing-categories) > .hp-row:has(> .hp-col-sm-12) {
grid-template-columns: minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings, .hp-listing-categories) > .hp-row:has(> .hp-col-sm-6) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings, .hp-listing-categories) > .hp-row:has(> .hp-col-sm-4) {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings, .hp-listing-categories) > .hp-row:has(> .hp-col-sm-3) {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings, .hp-listing-categories) > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]) {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
} body.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendors > .hp-row {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr)) !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card {
height: 100% !important;
min-height: 400px !important;
max-height: none !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__image {
height: 150px !important;
min-height: 150px !important;
max-height: 150px !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card .hp-vendor__content {
min-height: 0 !important;
flex: 1 1 auto !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic .marnamic-card__tags > :nth-child(n + 3) {
display: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
display: grid !important;
width: 100% !important;
grid-template-columns: 1fr !important;
gap: var(--marnamic-grid-gap) !important;
align-items: start !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > :is(.hp-page__content, .hp-page__sidebar) {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive {
width: 100% !important;
height: clamp(360px, 62vw, 520px) !important;
min-height: 360px !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive > [id^="marnamic-hotfix-map-"] {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
} @media (min-width: 1180px) {
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: var(--marnamic-grid-gap) !important;
align-items: start !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content,
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: auto !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__content :is(.hp-vendors, .hp-listings) > .hp-row {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
gap: clamp(16px, 1.1vw, 22px) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
position: sticky !important;
top: var(--marnamic-archive-sticky-offset, 116px) !important;
height: clamp(420px, calc(100dvh - var(--marnamic-archive-sticky-offset, 116px) - 32px), 680px) !important;
max-height: 680px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive {
width: 100% !important;
height: clamp(420px, calc(100dvh - var(--marnamic-archive-sticky-offset, 116px) - 32px), 680px) !important;
min-height: 420px !important;
max-height: 680px !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive > [id^="marnamic-hotfix-map-"] {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
max-height: none !important;
}
}
@media (min-width: 1536px) {
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) !important;
}
} body.blog.wp-child-theme-marnamic .site-content > .container > .row {
display: grid !important;
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
gap: var(--marnamic-grid-gap) !important;
margin: 0 !important;
}
body.blog.wp-child-theme-marnamic .site-content > .container > .row > main {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: span 8;
margin: 0 !important;
padding: 0 !important;
}
body.blog.wp-child-theme-marnamic .posts {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: var(--marnamic-grid-gap) !important;
width: 100% !important;
}
body.blog.wp-child-theme-marnamic .posts > .post {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
} body.single-post.wp-child-theme-marnamic .site-content main,
body.single-post.wp-child-theme-marnamic .post--single .post__text {
width: 100% !important;
max-width: var(--marnamic-reading-max) !important;
margin-right: auto !important;
margin-left: auto !important;
} body.wp-child-theme-marnamic .glossary-index-page {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic .glossary-index-page > :is(p, ul) {
max-width: var(--marnamic-reading-max) !important;
}
body.wp-child-theme-marnamic .glossary-index-page .index-item-preview ul {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
gap: clamp(10px, 1vw, 16px) !important;
} body.wp-child-theme-marnamic.single-glossary #content.site-content > .container,
body.wp-child-theme-marnamic.single-glossary .site-content #main-content > .container {
width: min(100%, 1120px) !important;
max-width: calc(100vw - 32px) !important;
}
body.wp-child-theme-marnamic.single-glossary article.glossary {
width: 100% !important;
max-width: 1120px !important;
} body.wp-child-theme-marnamic.tax-glossary-cat .site-content #main-content > .container {
width: min(100%, 1120px) !important;
max-width: calc(100vw - 32px) !important;
}
body.wp-child-theme-marnamic.tax-glossary-cat article.glossary {
width: 100% !important;
max-width: 1120px !important;
}
@media (max-width: 1179px) {
body.wp-child-theme-marnamic {
--marnamic-layout-width: min(92%, var(--marnamic-layout-max));
}
body.wp-child-theme-marnamic:is(
.hp-template--listings-view-page,
.hp-template--listing-view-page,
.hp-template--vendor-view-page,
.marnamic-archive-search-results
) .hp-page > .hp-row {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--listings-view-page,
.hp-template--listing-view-page,
.hp-template--vendor-view-page,
.marnamic-archive-search-results
) .hp-page > .hp-row > :is(.hp-page__content, .hp-page__sidebar) {
width: 100% !important;
grid-column: 1 !important;
}
}
@media (max-width: 760px) {
body.wp-child-theme-marnamic {
--marnamic-layout-width: var(--marnamic-mobile-shell-width);
--marnamic-grid-gap: 16px;
--marnamic-section-gap: 48px;
--marnamic-section-gap-sm: 24px;
}
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results) .hp-page__header > :is(
.hp-form--vendor-search,
.hp-form--listing-search,
.marnamic-vendor-discovery__clusters
) {
grid-column: 1 / -1;
}
body.home.wp-child-theme-marnamic .hp-listing-categories > .hp-row,
body.home.wp-child-theme-marnamic .hp-listings > .hp-row,
body.wp-child-theme-marnamic :is(.hp-vendors, .hp-listings) > .hp-row,
body.blog.wp-child-theme-marnamic .posts {
grid-template-columns: 1fr !important;
}
body.home.wp-child-theme-marnamic .hp-listing-category--view-block {
aspect-ratio: 16 / 9 !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--listings-view-page,
.hp-template--listing-view-page,
.hp-template--vendor-view-page
) .hp-page > .hp-row {
gap: 24px !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--listings-view-page,
.hp-template--listing-view-page,
.hp-template--vendor-view-page
) .hp-page > .hp-row > :is(.hp-page__content, .hp-page__sidebar) {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-vendor--view-block.marnamic-card {
height: auto !important;
min-height: 410px !important;
max-height: none !important;
}
body.wp-child-theme-marnamic .glossary-index-page .index-item {
grid-template-columns: 1fr !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results) :is(
.content-area,
.hp-page,
.hp-page > .hp-row
) {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results) .site-content > .container {
width: var(--marnamic-layout-width) !important;
max-width: none !important;
margin-right: auto !important;
margin-left: auto !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page > .hp-row > .hp-page__content {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
flex: 0 0 100% !important;
margin: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
} body.blog.wp-child-theme-marnamic .site-content > .container > .row > .site-sidebar {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
grid-column: span 4;
margin: 0 !important;
padding: 0 !important;
}
body.blog.wp-child-theme-marnamic .site-content > .container > .row > main {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
}
@media (max-width: 980px) {
body.blog.wp-child-theme-marnamic .site-content > .container > .row > :is(main, .site-sidebar) {
width: 100% !important;
max-width: 100% !important;
grid-column: 1 / -1;
}
}
@media (max-width: 1179px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 24px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
flex: none !important;
grid-column: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
position: static !important;
order: 1 !important;
height: auto !important;
max-height: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content {
order: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive > [id^="marnamic-hotfix-map-"] {
width: 100% !important;
height: clamp(420px, 46vw, 520px) !important;
min-height: 420px !important;
max-height: 520px !important;
}
}
@media (min-width: 1180px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: var(--marnamic-grid-gap) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
flex: none !important;
grid-column: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row > .hp-page__sidebar {
position: sticky !important;
top: var(--marnamic-archive-sticky-offset, 116px) !important;
height: clamp(420px, calc(100dvh - var(--marnamic-archive-sticky-offset, 116px) - 32px), 680px) !important;
max-height: 680px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-map-hotfix--archive > [id^="marnamic-hotfix-map-"] {
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
max-height: none !important;
}
}
@media (min-width: 1536px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page > .hp-row {
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) !important;
}
} @media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.hp-template--vendors-view-page, .hp-template--listings-view-page) :is(
.hp-widget--vendor-filter,
.hp-widget--listing-filter
) > .hp-modal--mobile.hp-modal {
background: transparent !important;
border: 0 !important;
outline: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
margin: 0 !important;
width: 100% !important;
max-width: none !important;
}
} body.single-hp_listing.wp-child-theme-marnamic .hp-page__footer .hp-listings > .hp-row {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: var(--marnamic-grid-gap) !important;
align-items: stretch !important;
width: 100% !important;
margin: 0 !important;
}
body.single-hp_listing.wp-child-theme-marnamic .hp-page__footer .hp-listings > .hp-row > :is(.hp-grid__item, [class*="hp-col-"]) {
display: flex !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
flex: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-hp_listing.wp-child-theme-marnamic .hp-page__footer .hp-listing--view-block {
width: 100% !important;
min-width: 0 !important;
height: 100% !important;
}
@media (max-width: 980px) {
body.single-hp_listing.wp-child-theme-marnamic .hp-page__footer .hp-listings > .hp-row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
body.single-hp_listing.wp-child-theme-marnamic .hp-page__footer .hp-listings > .hp-row {
grid-template-columns: minmax(0, 1fr) !important;
}
}   body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search > .marnamic-air-search__mobile-heading {
display: none !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic {
--marnamic-mobile-search-ink: var(--marnamic-search-ink, #132124);
--marnamic-mobile-search-page: var(--marnamic-search-page, #132124);
--marnamic-mobile-search-surface: var(--marnamic-search-surface, #c9c4b9);
--marnamic-mobile-search-active: var(--marnamic-search-active, #f6f2ea);
--marnamic-mobile-search-location: var(--marnamic-search-location, #6cb9c3);
--marnamic-mobile-search-accent: var(--marnamic-search-location, #6cb9c3);
--marnamic-mobile-search-bar-height: 76px;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open {
overflow: hidden !important;
overscroll-behavior: none !important;
touch-action: manipulation !important;
} body.wp-child-theme-marnamic.marnamic-air-search-mobile-open :is(.hp-page__content, .hp-page__sidebar, .site-footer) {
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .site-header {
z-index: 1 !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .hp-page__header {
z-index: 1 !important;
visibility: hidden !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > :is(.hp-form__fields, .hp-form__footer, .marnamic-air-search__mobile-heading, .marnamic-air-search__mobile-close, .marnamic-air-search__mobile-actions),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > :is(.hp-form__fields, .hp-form__footer, .marnamic-air-search__mobile-heading, .marnamic-air-search__mobile-close, .marnamic-air-search__mobile-actions) {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch {
position: relative !important;
z-index: 1 !important;
display: grid !important;
width: 100% !important;
min-height: 56px !important;
grid-template-columns: minmax(0, 1fr) 44px !important;
align-items: center !important;
justify-content: stretch !important;
gap: 8px !important;
margin: 0 !important;
padding: 6px 6px 6px 20px !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-surface) !important;
border: 1px solid rgba(246, 242, 234, 0.18) !important;
border-radius: 999px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
font: inherit !important;
font-size: 1rem !important;
font-weight: 900 !important;
line-height: 1.15 !important;
text-align: left !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch > span {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
min-width: 0 !important;
padding-left: 0 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch > .hp-icon {
grid-column: 2 !important;
grid-row: 1 !important;
display: inline-flex !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
align-items: center !important;
justify-content: center !important;
justify-self: end !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-accent) !important;
border-radius: 50% !important;
font-size: 1.1rem !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-launch::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-launch {
display: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic > .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open {
position: fixed !important;
top: var(--marnamic-mobile-viewport-top, 0px) !important;
right: 0 !important;
bottom: auto !important;
left: 0 !important;
z-index: 2147482000 !important;
display: block !important;
width: 100vw !important;
max-width: none !important;
height: var(--marnamic-mobile-viewport-height, 100dvh) !important;
min-height: 0 !important;
max-height: var(--marnamic-mobile-viewport-height, 100dvh) !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-page) !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
isolation: isolate !important;
pointer-events: auto !important;
touch-action: manipulation !important;
} body.wp-child-theme-marnamic.marnamic-air-search-mobile-open > .hp-form--vendor-search.marnamic-air-search--mobile-open,
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open > .hp-form--vendor-search.marnamic-air-search--mobile-open :is(button, input, label, [role="button"], [role="option"]) {
pointer-events: auto !important;
-webkit-tap-highlight-color: transparent !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open::before,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open::after,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .hp-form__fields::before,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .hp-form__fields::after,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card::before,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card::after,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__trigger::before,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__trigger::after,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content::before,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields {
position: absolute !important;
top: calc(56px + env(safe-area-inset-top)) !important;
right: 0 !important;
bottom: calc(var(--marnamic-mobile-search-bar-height) + env(safe-area-inset-bottom)) !important;
left: 0 !important;
z-index: 10 !important;
display: flex !important;
width: auto !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
flex-direction: column !important;
gap: 10px !important;
align-content: stretch !important;
align-items: stretch !important;
margin: 0 !important;
padding: 8px 14px 20px !important;
scroll-padding-bottom: 20px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
pointer-events: auto !important;
touch-action: manipulation !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card {
position: relative !important;
z-index: 1 !important;
flex: 0 0 auto !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-surface) !important;
border: 1px solid rgba(246, 242, 234, 0.16) !important;
border-radius: 22px !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active {
z-index: 2 !important;
overflow: hidden !important;
background: var(--marnamic-mobile-search-active) !important;
border-color: rgba(19, 33, 36, 0.12) !important;
border-radius: 24px !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__trigger {
position: relative !important;
z-index: 1 !important;
display: grid !important;
width: 100% !important;
min-height: 68px !important;
grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
gap: 16px !important;
align-items: center !important;
margin: 0 !important;
padding: 14px 18px !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
border-radius: inherit !important;
box-shadow: none !important;
font: inherit !important;
line-height: 1.25 !important;
text-align: left !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active > .marnamic-air-mobile-card__trigger {
min-height: 56px !important;
padding: 16px 18px 6px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__label {
min-width: 0 !important;
color: rgba(19, 33, 36, 0.66) !important;
font-size: 1rem !important;
font-weight: 650 !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__summary {
min-width: 0 !important;
overflow: hidden !important;
color: var(--marnamic-mobile-search-ink) !important;
font-size: 1rem !important;
font-weight: 720 !important;
line-height: 1.25 !important;
text-align: right !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active .marnamic-air-mobile-card__label {
color: var(--marnamic-mobile-search-ink) !important;
font-size: clamp(1.4rem, 6vw, 1.65rem) !important;
font-weight: 740 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active .marnamic-air-mobile-card__summary {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content {
position: relative !important;
z-index: 2 !important;
display: none !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 18px 18px !important;
overflow: hidden !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active > .marnamic-air-mobile-card__content {
display: block !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field.is-mobile-active {
position: relative !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field::before,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field::after,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field > :is(.marnamic-air-search__label, .marnamic-air-search__hint) {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content :is(button, [role="button"], label, input, .marnamic-air-search__option, .marnamic-purpose-option) {
pointer-events: auto !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content :is(button, [role="button"], label, .marnamic-air-search__option, .marnamic-purpose-option) {
min-height: 48px !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location {
position: relative !important;
z-index: 5 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
isolation: isolate !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__control {
position: relative !important;
z-index: 2 !important;
display: grid !important;
width: 100% !important;
min-width: 0 !important;
min-height: 56px !important;
grid-template-columns: minmax(0, 1fr) 46px !important;
gap: 4px !important;
align-items: center !important;
margin: 0 !important;
padding: 4px !important;
overflow: visible !important;
background: #fffaf3 !important;
border: 1px solid rgba(19, 33, 36, 0.22) !important;
border-radius: 15px !important;
box-shadow: none !important;
isolation: isolate !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source {
position: relative !important;
inset: auto !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: 48px !important;
min-height: 48px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
transform: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source > input[name="location"] {
position: relative !important;
inset: auto !important;
z-index: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: 48px !important;
min-height: 48px !important;
margin: 0 !important;
padding: 10px 12px !important;
color: var(--marnamic-mobile-search-ink) !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
outline: 0 !important;
font: inherit !important;
font-size: 16px !important;
line-height: 1.25 !important;
opacity: 1 !important;
visibility: visible !important;
-webkit-appearance: none !important;
appearance: none !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source > input[name="location"]:focus {
background: rgba(108, 185, 195, 0.08) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__source > a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__legacy-popover {
position: absolute !important;
inset: 0 auto auto 0 !important;
z-index: -1 !important;
display: block !important;
width: 1px !important;
min-width: 1px !important;
max-width: 1px !important;
height: 1px !important;
min-height: 1px !important;
max-height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
visibility: hidden !important;
border: 0 !important;
box-shadow: none !important;
pointer-events: none !important;
touch-action: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open :is(.marnamic-mobile-location__locate, .marnamic-mobile-location__control > .marnamic-mobile-location__clear) {
position: relative !important;
inset: auto !important;
z-index: 3 !important;
display: inline-flex !important;
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-location) !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__locate[hidden],
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__clear[hidden] {
display: none !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .hp-form__field--location > .marnamic-location-error {
position: relative !important;
z-index: 6 !important;
display: block !important;
width: 100% !important;
margin: 10px 0 0 !important;
padding: 10px 12px !important;
color: #132124 !important;
background: rgba(226, 255, 72, 0.24) !important;
border: 1px solid rgba(19, 33, 36, 0.16) !important;
border-radius: 12px !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options {
position: relative !important;
z-index: 1 !important;
display: none !important;
width: 100% !important;
min-width: 0 !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
border: 0 !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 0 !important;
box-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open:not(.marnamic-air-search--location-typing) .hp-form__field--location.is-open .marnamic-mobile-location__options {
display: block !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options :is(.marnamic-air-search__group, .marnamic-air-search__options) {
position: relative !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option {
position: relative !important;
display: grid !important;
width: 100% !important;
min-height: 56px !important;
grid-template-columns: 42px minmax(0, 1fr) auto !important;
gap: 12px !important;
align-items: center !important;
margin: 0 !important;
padding: 6px 4px !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option::before {
grid-column: 1 !important;
grid-row: 1 !important;
display: inline-grid !important;
width: 42px !important;
min-width: 42px !important;
height: 42px !important;
place-items: center !important;
color: var(--marnamic-mobile-search-ink) !important;
background: rgba(108, 185, 195, 0.12) !important;
border-radius: 13px !important;
content: "\f3c5" !important;
font-family: "Font Awesome 5 Free";
font-size: 1.35rem !important;
font-weight: 700 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option-label {
grid-column: 2 !important;
grid-row: 1 !important;
min-width: 0 !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option-count {
grid-column: 3 !important;
grid-row: 1 !important;
justify-self: end !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option--nearby {
grid-template-columns: 42px minmax(0, 1fr) 42px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option--nearby::after {
grid-column: 3 !important;
grid-row: 1 !important;
justify-self: end !important;
margin: 0 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content :is(.hp-field--search, .marnamic-air-search__native-select, .marnamic-air-search__native-control) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field > .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field > .marnamic-air-search__popover--radius {
position: static !important;
inset: auto !important;
display: none !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
isolation: isolate !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field.is-open > .marnamic-air-search__popover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field.is-open > .marnamic-air-search__popover--radius {
display: block !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .hp-form__field.is-open > .marnamic-air-search__popover--purpose {
display: flex !important;
flex-direction: column !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__filter-scroll {
max-height: none !important;
overflow: visible !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__filter-actions {
display: none !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open :is(.marnamic-air-search__option, .marnamic-purpose-option, .marnamic-air-search__filter-title) {
position: relative !important;
z-index: 1 !important;
width: 100% !important;
min-height: 56px !important;
pointer-events: auto !important;
touch-action: manipulation !important;
} body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card:is([data-mobile-step="purpose"], [data-mobile-step="category"]).is-active .marnamic-air-search__segment-clear {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-purpose-option {
display: grid !important;
width: 100% !important;
height: auto !important;
min-height: 56px !important;
grid-template-columns: 24px minmax(0, 1fr) auto !important;
gap: 12px !important;
align-items: start !important;
padding: 11px 10px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-purpose-option--with-icon {
grid-template-columns: 24px 24px minmax(0, 1fr) auto !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-purpose-option__box {
margin-top: 1px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-purpose-option__label {
min-width: 0 !important;
overflow: visible !important;
overflow-wrap: anywhere !important;
hyphens: auto !important;
text-overflow: clip !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-purpose-option__count {
align-self: start !important;
justify-self: end !important;
flex: 0 0 auto !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field {
display: block !important;
margin: 16px 0 0 !important;
padding: 16px 0 0 !important;
border: 0 !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-trigger {
display: grid !important;
width: 100% !important;
min-height: 52px !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
margin: 0 !important;
padding: 0 2px !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
text-align: left !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-body {
display: grid !important;
width: 100% !important;
min-height: 0 !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 8px !important;
align-items: center !important;
margin: 0 !important;
padding: 4px 2px 0 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-input {
appearance: none !important;
-webkit-appearance: none !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 !important;
writing-mode: horizontal-tb !important;
direction: ltr !important;
background: transparent !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
cursor: pointer !important;
pointer-events: auto !important;
touch-action: pan-x !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-input::-webkit-slider-runnable-track {
width: 100% !important;
height: 5px !important;
background: linear-gradient(to right, #61a5ac 0 var(--marnamic-radius-progress, 15.15%), rgba(19, 33, 36, 0.2) var(--marnamic-radius-progress, 15.15%) 100%) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-input::-webkit-slider-thumb {
appearance: none !important;
-webkit-appearance: none !important;
width: 26px !important;
height: 26px !important;
margin-top: -10.5px !important;
background: var(--marnamic-mobile-search-accent) !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 50% !important;
box-shadow: 0 2px 7px rgba(19, 33, 36, 0.16) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-input::-moz-range-track {
width: 100% !important;
height: 5px !important;
background: linear-gradient(to right, #61a5ac 0 var(--marnamic-radius-progress, 15.15%), rgba(19, 33, 36, 0.2) var(--marnamic-radius-progress, 15.15%) 100%) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.08) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-input::-moz-range-thumb {
width: 26px !important;
height: 26px !important;
background: var(--marnamic-mobile-search-accent) !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 50% !important;
box-shadow: 0 2px 7px rgba(19, 33, 36, 0.16) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__radius-scale {
display: flex !important;
min-width: 0 !important;
flex-direction: row-reverse !important;
justify-content: space-between !important;
padding: 0 !important;
color: rgba(19, 33, 36, 0.66) !important;
font-size: 0.8rem !important;
font-weight: 700 !important;
line-height: 1 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-heading {
position: absolute !important;
top: calc(6px + env(safe-area-inset-top)) !important;
right: 72px !important;
left: 18px !important;
z-index: 20 !important;
display: flex !important;
height: 44px !important;
align-items: center !important;
margin: 0 !important;
color: var(--marnamic-mobile-search-active) !important;
font-size: 1rem !important;
font-weight: 720 !important;
line-height: 1.2 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-close {
position: absolute !important;
top: calc(6px + env(safe-area-inset-top)) !important;
right: 14px !important;
bottom: auto !important;
left: auto !important;
z-index: 2147483646 !important;
display: inline-flex !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-active) !important;
border: 1px solid rgba(19, 33, 36, 0.12) !important;
border-radius: 50% !important;
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22) !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-actions {
position: absolute !important;
top: auto !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 2147483645 !important;
display: grid !important;
width: 100% !important;
min-height: calc(var(--marnamic-mobile-search-bar-height) + env(safe-area-inset-bottom)) !important;
grid-template-columns: minmax(0, 1fr) minmax(144px, 0.9fr) !important;
gap: 16px !important;
align-items: center !important;
margin: 0 !important;
padding: 8px 16px calc(8px + env(safe-area-inset-bottom)) !important;
background: rgba(19, 33, 36, 0.98) !important;
border: 0 !important;
border-top: 1px solid rgba(246, 242, 234, 0.16) !important;
border-radius: 0 !important;
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.2) !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
isolation: isolate !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open :is(.marnamic-air-search__mobile-reset, .marnamic-air-search__mobile-primary) {
position: relative !important;
z-index: 1 !important;
min-height: 50px !important;
margin: 0 !important;
padding: 10px 16px !important;
border-radius: 15px !important;
box-shadow: none !important;
font: inherit !important;
font-size: 1rem !important;
font-weight: 740 !important;
line-height: 1.1 !important;
text-indent: 0 !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__mobile-reset {
justify-self: start !important;
color: var(--marnamic-mobile-search-active) !important;
background: transparent !important;
border: 0 !important;
text-decoration: underline !important;
text-underline-offset: 4px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__mobile-primary {
width: 100% !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-accent) !important;
border: 1px solid var(--marnamic-mobile-search-accent) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .hp-form__footer,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open > .marnamic-air-search__chips {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container {
position: fixed !important;
z-index: 2147483600 !important;
margin: 0 !important;
padding: 6px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-active) !important;
border: 1px solid rgba(19, 33, 36, 0.14) !important;
border-radius: 18px !important;
box-shadow: 0 16px 42px rgba(0, 0, 0, 0.24) !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: pan-y !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item {
position: relative !important;
z-index: 1 !important;
display: flex !important;
min-height: 58px !important;
align-items: center !important;
margin: 0 !important;
padding: 10px 12px !important;
overflow: hidden !important;
color: var(--marnamic-mobile-search-ink) !important;
background: transparent !important;
border: 0 !important;
border-radius: 12px !important;
font-size: 15px !important;
line-height: 1.3 !important;
white-space: normal !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item + .pac-item {
border-top: 1px solid rgba(19, 33, 36, 0.1) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-air-search-mobile-open .pac-container .pac-item:is(:active, .pac-item-selected) {
background: rgba(108, 185, 195, 0.18) !important;
} body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__control:focus-within,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open.marnamic-air-search--location-typing .marnamic-mobile-location__control {
background: #fff !important;
border-color: rgba(19, 33, 36, 0.78) !important;
box-shadow: 0 0 0 1px rgba(19, 33, 36, 0.12) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open[data-marnamic-region-label]:not([data-marnamic-region-label=""]) .marnamic-mobile-location__source > input[name="location"]::placeholder {
color: var(--marnamic-mobile-search-ink) !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open.marnamic-air-search--location-typing .marnamic-air-mobile-card[data-mobile-step="location"] .marnamic-mobile-location__options,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open.marnamic-air-search--location-typing .marnamic-air-mobile-card[data-mobile-step="location"] .marnamic-air-search__radius-field {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-mobile-location__options .marnamic-air-search__option:is(:hover, :focus-visible, :active),
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__popover .marnamic-air-search__option:is(:hover, :focus-visible, :active) {
background: rgba(108, 185, 195, 0.14) !important;
border-radius: 14px !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open[data-marnamic-region-label="DACH"] .marnamic-mobile-location__options [data-marnamic-option-value="dach"],
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open[data-marnamic-region-label="Deutschland"] .marnamic-mobile-location__options [data-marnamic-option-value="de"],
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open[data-marnamic-region-label="Österreich"] .marnamic-mobile-location__options [data-marnamic-option-value="at"],
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open[data-marnamic-region-label="Schweiz"] .marnamic-mobile-location__options [data-marnamic-option-value="ch"] {
background: rgba(108, 185, 195, 0.22) !important;
border-radius: 14px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__option-count,
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-purpose-option__count {
display: inline-flex !important;
min-width: 34px !important;
min-height: 34px !important;
align-items: center !important;
justify-content: center !important;
padding: 5px 9px !important;
color: var(--marnamic-mobile-search-ink) !important;
background: var(--marnamic-mobile-search-accent) !important;
border-radius: 999px !important;
font-size: 0.78rem !important;
font-weight: 750 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-purpose-option {
align-items: center !important;
border-radius: 14px !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-purpose-option.is-checked {
background: rgba(108, 185, 195, 0.22) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-search__popover--purpose .marnamic-purpose-option:is(:hover, :focus-within, :active) {
background: rgba(108, 185, 195, 0.14) !important;
} body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"] {
position: relative !important;
display: grid !important;
width: 100% !important;
min-height: 58px !important;
grid-template-columns: 24px minmax(0, 1fr) auto !important;
gap: 12px !important;
align-items: center !important;
margin: 0 !important;
padding: 10px !important;
color: var(--marnamic-mobile-search-ink) !important;
background: transparent !important;
border: 0 !important;
border-radius: 14px !important;
box-shadow: none !important;
text-align: left !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"]::before {
grid-column: 1 !important;
grid-row: 1 !important;
display: block !important;
width: 24px !important;
height: 24px !important;
background: #fffaf3 !important;
border: 2px solid rgba(19, 33, 36, 0.48) !important;
border-radius: 7px !important;
content: "" !important;
box-sizing: border-box !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"]::after {
position: absolute !important;
top: 50% !important;
left: 22px !important;
display: block !important;
color: #fffaf3 !important;
content: "\f00c" !important;
font-family: "Font Awesome 5 Free";
font-size: 0.9rem !important;
font-weight: 800 !important;
line-height: 1 !important;
opacity: 0 !important;
transform: translate(-50%, -50%) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"] > .marnamic-air-search__option-label {
grid-column: 2 !important;
grid-row: 1 !important;
min-width: 0 !important;
overflow-wrap: anywhere !important;
white-space: normal !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"] > .marnamic-air-search__option-count {
grid-column: 3 !important;
grid-row: 1 !important;
justify-self: end !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"]:is(:hover, :focus-visible, :active) {
background: rgba(108, 185, 195, 0.14) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"].is-selected {
background: rgba(108, 185, 195, 0.22) !important;
box-shadow: inset 0 0 0 1px rgba(19, 33, 36, 0.12) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"].is-selected::before {
background: var(--marnamic-mobile-search-location) !important;
border-color: var(--marnamic-mobile-search-location) !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="category"] .marnamic-air-search__option[data-marnamic-option-type="category"].is-selected::after {
opacity: 1 !important;
} body.wp-child-theme-marnamic.marnamic-air-search-keyboard-open .hp-form--vendor-search.marnamic-air-search--mobile-open > .hp-form__fields {
bottom: 0 !important;
padding-bottom: 12px !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-keyboard-open .hp-form--vendor-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-actions {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-keyboard-open .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card:not(.is-active) {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-keyboard-open .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card[data-mobile-step="location"] .marnamic-air-search__radius-field {
display: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-keyboard-open .hp-form--vendor-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card.is-active {
box-shadow: none !important;
}
}
@media (max-width: 420px) {
body.wp-child-theme-marnamic {
--marnamic-mobile-search-bar-height: 74px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .hp-form__fields {
padding-right: 12px !important;
padding-left: 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__trigger {
padding-right: 18px !important;
padding-left: 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content {
padding-right: 18px !important;
padding-left: 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-actions {
grid-template-columns: minmax(0, 0.85fr) minmax(138px, 1fr) !important;
gap: 10px !important;
padding-right: 12px !important;
padding-left: 12px !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--region-mode .marnamic-air-search__radius-field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field.is-disabled,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .marnamic-air-search__radius-field[hidden],
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field.is-disabled,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field[hidden],
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open.marnamic-air-search--region-mode .marnamic-air-mobile-card__content > .marnamic-air-search__radius-field {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card[data-mobile-step="location"].is-active
.marnamic-air-search__radius-field.is-mobile-inline-radius {
position: relative !important;
z-index: 8 !important;
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 14px 0 0 !important;
padding: 14px 0 0 !important;
overflow: visible !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
isolation: isolate !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card[data-mobile-step="location"].is-active
.marnamic-air-search__radius-field.is-mobile-inline-radius
> .marnamic-air-search__popover--radius {
position: relative !important;
inset: auto !important;
z-index: 9 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
transform: none !important;
pointer-events: auto !important;
touch-action: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__radius-field.is-mobile-inline-radius
:is(.marnamic-air-search__radius, .marnamic-air-search__radius-body) {
position: relative !important;
z-index: 10 !important;
display: grid !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
pointer-events: auto !important;
touch-action: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__radius-field.is-mobile-inline-radius
.marnamic-air-search__radius-body {
grid-template-columns: minmax(0, 1fr) !important;
gap: 4px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__radius-field.is-mobile-inline-radius
.marnamic-air-search__radius-input {
-webkit-appearance: none !important;
appearance: none !important;
position: relative !important;
z-index: 20 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
margin: 0 !important;
padding: 0 !important;
writing-mode: horizontal-tb !important;
direction: ltr !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
touch-action: none !important;
-webkit-user-select: none !important;
user-select: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__radius-field.is-mobile-inline-radius
.marnamic-air-search__radius-input::-webkit-slider-thumb {
width: 30px !important;
height: 30px !important;
margin-top: -12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__radius-field.is-mobile-inline-radius
.marnamic-air-search__radius-scale {
position: relative !important;
z-index: 11 !important;
display: flex !important;
width: 100% !important;
height: auto !important;
min-height: 16px !important;
max-height: none !important;
pointer-events: none !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field.is-segment-empty > .marnamic-air-search__hint,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search .hp-form__field:not(.has-segment-value) > .marnamic-air-search__hint {
color: rgba(19, 33, 36, 0.58) !important;
font-size: 0.96rem !important;
font-weight: 650 !important;
line-height: 1.1 !important;
} @media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:not(.marnamic-air-search-keyboard-open)
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
> .hp-form__fields {
bottom: calc(
var(--marnamic-mobile-search-bar-height) +
env(safe-area-inset-bottom) +
var(--marnamic-mobile-cookie-clearance, 0px)
) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:not(.marnamic-air-search-keyboard-open)
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
> .marnamic-air-search__mobile-actions {
bottom: var(--marnamic-mobile-cookie-clearance, 0px) !important;
}
}  body.wp-child-theme-marnamic {
--marnamic-search-control-radius: 999px;
--marnamic-search-control-height: 48px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-air-search__popover, .marnamic-air-search__filter-scroll) {
scrollbar-width: thin !important;
scrollbar-color: rgba(19, 33, 36, 0.22) transparent !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-air-search__popover, .marnamic-air-search__filter-scroll)::-webkit-scrollbar {
width: 6px !important;
height: 6px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-air-search__popover, .marnamic-air-search__filter-scroll)::-webkit-scrollbar-track {
background: transparent !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-air-search__popover, .marnamic-air-search__filter-scroll)::-webkit-scrollbar-thumb {
background: rgba(19, 33, 36, 0.22) !important;
border: 2px solid #f7f3eb !important;
border-radius: 999px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__filter-actions {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 !important;
padding: 14px !important;
border-top: 1px solid rgba(19, 33, 36, 0.13) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-air-search__filter-reset, .marnamic-air-search__filter-apply) {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
height: var(--marnamic-search-control-height) !important;
min-height: var(--marnamic-search-control-height) !important;
max-height: var(--marnamic-search-control-height) !important;
margin: 0 !important;
padding: 0 20px !important;
border-radius: var(--marnamic-search-control-radius) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.95rem !important;
font-weight: 800 !important;
line-height: 1 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__filter-reset {
color: rgba(19, 33, 36, 0.76) !important;
background: transparent !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__filter-apply {
color: #132124 !important;
background: var(--marnamic-search-location, #6cb9c3) !important;
border: 1px solid var(--marnamic-search-location, #6cb9c3) !important;
box-shadow: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(
.marnamic-air-search__filter-title-count,
.marnamic-air-search__option-count,
.marnamic-air-search__check-count,
.marnamic-purpose-option__count
) {
color: #132124 !important;
background: var(--marnamic-search-location, #6cb9c3) !important;
border-color: var(--marnamic-search-location, #6cb9c3) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__filter-apply:is(:hover, :focus-visible) {
color: #132124 !important;
background: #78b8be !important;
border-color: #78b8be !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__option:is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__check:is(:hover, :focus-within) {
color: #132124 !important;
background: rgba(108, 185, 195, 0.18) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__check.is-checked {
color: #132124 !important;
background: rgba(108, 185, 195, 0.28) !important;
border-color: rgba(5, 113, 124, 0.34) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__check
input[type="checkbox"] {
accent-color: var(--marnamic-search-location, #6cb9c3) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__check
input[type="checkbox"]:checked
+ .marnamic-air-search__check-box {
background: #05717c !important;
border-color: #05717c !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__check
input[type="checkbox"]:checked
+ .marnamic-air-search__check-box::before {
color: #f6f2ea !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__check.is-checked
.marnamic-air-search__check-count,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-purpose-option, .marnamic-role-option):is(.is-checked, :has(input:checked))
.marnamic-purpose-option__count {
color: #f6f2ea !important;
background: #05717c !important;
border-color: #05717c !important;
}  body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__popover--location-start
.marnamic-air-search__option {
grid-template-columns: minmax(0, 1fr) auto !important;
min-height: 58px !important;
gap: 12px !important;
padding: 10px 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__popover--location-start
.marnamic-air-search__option::before {
content: none !important;
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-mobile-location__options
.marnamic-air-search__option {
grid-template-columns: minmax(0, 1fr) auto !important;
padding-inline: 12px !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-mobile-location__options
.marnamic-air-search__option-label {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-mobile-location__options
.marnamic-air-search__option-count {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: end !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-mobile-location__options
.marnamic-air-search__option--nearby {
grid-template-columns: minmax(0, 1fr) 46px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-mobile-location__options
.marnamic-air-search__option--nearby::after {
grid-column: 2 !important;
grid-row: 1 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-mobile-location__legacy-popover {
position: absolute !important;
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-mobile-location__options
.marnamic-air-search__option::before,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__option[data-marnamic-option-type="region"]::before {
content: none !important;
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__popover--location-start
.marnamic-air-search__option-label {
min-width: 0 !important;
overflow-wrap: anywhere !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search--mobile-open
.marnamic-air-search__filter-actions {
padding: 14px 0 0 !important;
}
} @media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.hp-form__field--category, .marnamic-air-search__field--category):is(.is-open, :focus-within) {
box-sizing: border-box !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
flex: 1 1 0 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.hp-form__field--category, .marnamic-air-search__field--category):is(.is-open, :focus-within)
> .marnamic-air-search__popover--roles {
right: auto !important;
left: 0 !important;
width: 100% !important;
min-width: 0 !important;
max-width: min(100%, calc(100vw - 32px)) !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__popover--roles {
width: 100% !important;
min-width: 0 !important;
max-width: min(100%, calc(100vw - 32px)) !important;
max-height: min(640px, calc(100dvh - 150px)) !important;
grid-template-rows: minmax(0, 1fr) auto !important;
gap: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-groups {
display: grid !important;
min-height: 0 !important;
grid-auto-rows: max-content !important;
gap: 10px !important;
align-content: start !important;
padding: 14px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group {
display: grid !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
grid-template-rows: auto !important;
align-content: start !important;
overflow: hidden !important;
background: rgba(255, 255, 255, 0.46) !important;
border: 1px solid rgba(19, 33, 36, 0.13) !important;
border-radius: 17px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--root-leaf {
display: grid !important;
width: 100% !important;
min-width: 0 !important;
min-height: 58px !important;
grid-template-columns: 22px minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 12px !important;
margin: 0 !important;
padding: 10px 14px !important;
color: #132124 !important;
background: rgba(255, 255, 255, 0.46) !important;
border: 1px solid var(--marnamic-border-color, rgba(19, 33, 36, 0.13)) !important;
border-radius: 17px !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--root-leaf
.marnamic-purpose-option__label {
font-weight: 780 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--root-leaf
.marnamic-purpose-option__count {
min-width: 2ch !important;
margin-left: auto !important;
text-align: end !important;
font-variant-numeric: tabular-nums !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--root-leaf:is(:hover, :has(input:focus-visible)) {
background: var(--marnamic-control-hover-background, rgba(108, 185, 195, 0.14)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--root-leaf:is(.is-checked, :has(input:checked)) {
color: var(--marnamic-accent-color, #132124) !important;
background: var(--marnamic-control-active-background, rgba(108, 185, 195, 0.22)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group__header {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 48px !important;
min-width: 0 !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option {
width: 100% !important;
min-width: 0 !important;
min-height: 52px !important;
margin: 0 !important;
padding: 10px 12px !important;
border-radius: 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--group {
grid-template-columns: 22px minmax(0, 1fr) auto !important;
min-height: 58px !important;
padding-left: 14px !important;
border-radius: 16px 0 0 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--group
.marnamic-purpose-option__label {
font-weight: 780 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group__toggle {
position: relative !important;
display: grid !important;
width: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
place-items: center !important;
align-self: stretch !important;
margin: 0 !important;
padding: 0 !important;
color: #132124 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 16px 16px 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group__toggle
> span {
display: block !important;
width: 10px !important;
height: 10px !important;
border-right: 2px solid currentColor !important;
border-bottom: 2px solid currentColor !important;
transform: translateY(-2px) rotate(45deg) !important;
transition: transform 160ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group.is-open
.marnamic-role-group__toggle
> span {
transform: translateY(2px) rotate(225deg) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.marnamic-role-option, .marnamic-role-group__toggle):is(:hover, :focus-visible, :focus-within) {
background: rgba(108, 185, 195, 0.14) !important;
outline: 3px solid rgba(108, 185, 195, 0.34) !important;
outline-offset: -3px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option.is-checked {
background: rgba(108, 185, 195, 0.22) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group__children {
display: grid !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
gap: 4px !important;
padding: 6px 10px 12px 28px !important;
overflow: visible !important;
visibility: visible !important;
opacity: 1 !important;
background: rgba(19, 33, 36, 0.025) !important;
border-top: 1px solid rgba(19, 33, 36, 0.09) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group:not(.is-open)
> .marnamic-role-group__children,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group__children[hidden] {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-group.is-open
> .marnamic-role-group__children:not([hidden]) {
display: grid !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option--child {
grid-template-columns: 22px minmax(0, 1fr) auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-role-option
.marnamic-purpose-option__label {
min-width: 0 !important;
overflow-wrap: anywhere !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__popover--roles
> .marnamic-air-search__filter-actions {
position: relative !important;
z-index: 2 !important;
margin: 0 !important;
padding: 14px !important;
background: #f7f3eb !important;
border-top: 1px solid rgba(19, 33, 36, 0.12) !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__popover--roles {
width: 100% !important;
max-width: none !important;
max-height: none !important;
border-radius: 20px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-role-groups {
max-height: min(52dvh, 540px) !important;
gap: 7px !important;
padding: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-role-option {
min-height: 48px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-role-option--group {
min-height: 52px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-role-option--root-leaf {
min-height: 52px !important;
padding: 8px 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-role-group__toggle {
width: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-role-group__children {
padding: 4px 6px 8px 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__popover--roles
> .marnamic-air-search__filter-actions {
padding: 10px 8px 8px !important;
}
} @media (max-width: 980px) {
html.marnamic-air-search-mobile-open,
html.marnamic-air-search-mobile-open body.wp-child-theme-marnamic,
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open {
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
overscroll-behavior: none !important;
}
body.wp-child-theme-marnamic.marnamic-air-search-mobile-open .mn-support {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__filter-actions {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
> .hp-form__fields {
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior: contain !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
:is(.marnamic-hybrid-search__body, .marnamic-air-search__filter-scroll, .marnamic-role-groups) {
max-height: none !important;
overflow: visible !important;
overscroll-behavior: auto !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__radius-input {
touch-action: none !important;
pointer-events: auto !important;
}
}  body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 2px 0 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters-intro {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 14px;
margin: 0 0 15px;
padding: 0 2px;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters-intro h2 {
margin: 0;
color: var(--marnamic-cream);
font-family: var(--marnamic-font-display);
font-size: clamp(1.05rem, 1.7vw, 1.28rem);
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.015em;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters-intro p {
margin: 0;
color: var(--marnamic-text-soft);
font-size: 0.78rem;
font-weight: 600;
line-height: 1.4;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__groups {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
align-items: stretch;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group {
display: flex;
min-width: 0;
flex-direction: column;
overflow: hidden;
background:
radial-gradient(circle at 100% 0%, rgba(97, 165, 172, 0.09), transparent 48%),
rgba(241, 233, 221, 0.035);
border: 1px solid var(--marnamic-border-soft);
border-radius: 13px;
box-shadow: none;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link,
body.wp-child-theme-marnamic .marnamic-vendor-discovery__competency {
min-width: 0;
text-decoration: none !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link {
display: grid;
min-height: 60px;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 9px;
padding: 12px 12px 11px;
color: var(--marnamic-cream) !important;
background: rgba(161, 192, 195, 0.08);
border-bottom: 1px solid var(--marnamic-border-soft);
font-size: 0.82rem;
font-weight: 800;
line-height: 1.24;
transition:
color 160ms ease,
background-color 160ms ease;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link span,
body.wp-child-theme-marnamic .marnamic-vendor-discovery__competency span {
min-width: 0;
overflow-wrap: anywhere;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link small,
body.wp-child-theme-marnamic .marnamic-vendor-discovery__competency small {
display: inline-flex !important;
flex: 0 0 auto;
align-items: center !important;
justify-content: center !important;
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border: 0 !important;
border-radius: 999px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link small {
min-width: 28px !important;
height: 28px !important;
padding: 0 7px !important;
font-size: 0.7rem !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__children {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 3px;
padding: 7px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__competency {
display: grid !important;
min-height: 38px !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 8px !important;
padding: 7px 8px 7px 10px !important;
color: var(--marnamic-text-muted) !important;
background: transparent !important;
border: 0 !important;
border-radius: 8px !important;
box-shadow: none !important;
font-size: 0.76rem !important;
font-weight: 700 !important;
line-height: 1.28 !important;
transition:
color 160ms ease,
background-color 160ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__competency small {
min-width: 24px !important;
height: 24px !important;
padding: 0 6px !important;
font-size: 0.66rem !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link:is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__competency:is(:hover, :focus-visible) {
color: var(--marnamic-dark) !important;
background: var(--marnamic-teal) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link:is(:hover, :focus-visible) small,
body.wp-child-theme-marnamic .marnamic-vendor-discovery__competency:is(:hover, :focus-visible) small {
color: var(--marnamic-dark) !important;
background: rgba(19, 33, 36, 0.12) !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link:focus-visible,
body.wp-child-theme-marnamic .marnamic-vendor-discovery__competency:focus-visible {
box-shadow: inset 0 0 0 2px var(--marnamic-teal) !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group--singleton {
min-height: 100%;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__competency--singleton {
min-height: 100% !important;
padding: 14px !important;
color: var(--marnamic-cream) !important;
background: rgba(161, 192, 195, 0.08) !important;
font-size: 0.82rem !important;
font-weight: 800 !important;
}
@media (max-width: 1080px) {
body.wp-child-theme-marnamic .marnamic-vendor-discovery__groups {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters {
overflow: visible !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters-intro {
display: block;
margin-bottom: 12px;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__clusters-intro p {
margin-top: 4px;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__groups {
display: grid;
width: 100%;
max-width: none;
grid-template-columns: minmax(0, 1fr);
gap: 8px;
overflow: visible;
padding: 0;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group {
position: relative;
width: 100%;
min-width: 0;
flex: none;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-link {
min-height: 58px;
padding-right: 62px;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-toggle {
position: absolute;
top: 7px;
right: 7px;
z-index: 2;
display: inline-grid;
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
place-items: center;
margin: 0;
padding: 0;
color: var(--marnamic-cream);
background: rgba(15, 25, 27, 0.82);
border: 1px solid var(--marnamic-border);
border-radius: 10px;
box-shadow: none;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-toggle span {
width: 10px;
height: 10px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translate(-2px, -2px);
transition: transform 160ms ease;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group.is-open .marnamic-vendor-discovery__group-toggle {
color: var(--marnamic-dark);
background: var(--marnamic-teal);
border-color: var(--marnamic-teal);
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group.is-open .marnamic-vendor-discovery__group-toggle span {
transform: rotate(225deg) translate(-1px, -1px);
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group:not(.is-open) .marnamic-vendor-discovery__children {
display: none;
}
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group.is-open .marnamic-vendor-discovery__children {
display: flex;
}
}
@media (min-width: 761px) {
body.wp-child-theme-marnamic .marnamic-vendor-discovery__group-toggle {
display: none !important;
}
}   body.wp-child-theme-marnamic.marnamic-header-marketplace-actions-disabled
.site-header .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--request-submit
),
body.wp-child-theme-marnamic.marnamic-header-marketplace-actions-disabled
.marnamic-mobile-marketplace-switch {
display: none !important;
}
body.wp-child-theme-marnamic .header-navbar__actions .hp-menu--site-header {
gap: 10px;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions .hp-menu__item--listing-submit,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions .hp-menu__item--request-submit {
min-height: 40px;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0;
padding: 0 14px;
border-radius: 8px;
box-shadow: none;
font-size: 0.92rem;
font-weight: 700;
line-height: 1;
white-space: nowrap;
text-decoration: none;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header.site-header .header-navbar.header-navbar .header-navbar__actions.header-navbar__actions .hp-menu.hp-menu--site-header .hp-menu__item--listing-submit.button.button--secondary {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime) !important;
border: 1px solid var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header.site-header .header-navbar.header-navbar .header-navbar__actions.header-navbar__actions .hp-menu.hp-menu--site-header .hp-menu__item--request-submit.hp-link {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.9) !important;
border: 1px solid var(--marnamic-border) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header.site-header .header-navbar.header-navbar .header-navbar__actions.header-navbar__actions .hp-menu.hp-menu--site-header .hp-menu__item--listing-submit.button.button--secondary:is(:hover, :focus-visible) {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime-hover) !important;
border-color: var(--marnamic-lime-hover) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header.site-header .header-navbar.header-navbar .header-navbar__actions.header-navbar__actions .hp-menu.hp-menu--site-header .hp-menu__item--request-submit.hp-link:is(:hover, :focus-visible) {
color: var(--marnamic-lime) !important;
background: rgba(32, 51, 55, 0.94) !important;
border-color: rgba(231, 253, 135, 0.46) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--request-submit
):focus-visible {
outline: 3px solid rgba(231, 253, 135, 0.24) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions .hp-menu__item--listing-submit :is(i, .hp-icon),
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions .hp-menu__item--request-submit :is(i, .hp-icon) {
color: currentColor !important;
font-size: 0.8rem !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions .hp-menu__item--request-submit .fa-file-alt::before {
content: "\f002";
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--request-submit
) {
display: inline-flex !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
padding: 0 !important;
font-size: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .site-header .header-navbar__actions :is(
.hp-menu__item--listing-submit,
.hp-menu__item--request-submit
) :is(i, .hp-icon, i::before, .hp-icon::before) {
font-size: 0.95rem !important;
}
}  @media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery .hp-page__header > :is(
.hp-form--vendor-search.marnamic-air-search,
.hp-form--listing-search,
.marnamic-vendor-discovery__clusters
) {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: 1 / -1 !important;
justify-self: stretch !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
grid-template-columns: minmax(0, 1fr) !important;
column-gap: 0 !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results .hp-page__header > .hp-form--vendor-search.marnamic-air-search,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results .hp-page__header > .hp-form--listing-search {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: 1 / -1 !important;
justify-self: stretch !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
}  body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category.has-hybrid-values {
padding-right: 30px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category.has-hybrid-values
> .marnamic-air-search__hint {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__active-chips {
display: flex !important;
min-width: 0 !important;
grid-row: 2 !important;
gap: 6px !important;
align-items: center !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__active-chips[hidden] {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-chip {
display: inline-flex !important;
width: auto !important;
max-width: calc(50% - 3px) !important;
min-width: 0 !important;
min-height: 27px !important;
align-items: center !important;
gap: 5px !important;
padding: 3px 5px 3px 9px !important;
color: #132124 !important;
background: rgba(255, 255, 255, 0.72) !important;
border: 1px solid rgba(19, 33, 36, 0.15) !important;
border-radius: 999px !important;
font-size: 0.76rem !important;
font-weight: 780 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__active-chips
> .marnamic-hybrid-chip:only-child {
max-width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-chip__text {
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-chip__remove {
display: inline-grid !important;
width: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
flex: 0 0 20px !important;
place-items: center !important;
margin: 0 !important;
padding: 0 !important;
color: #132124 !important;
background: rgba(108, 185, 195, 0.26) !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
font-size: 1rem !important;
font-weight: 850 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-chip__remove:is(:hover, :focus-visible) {
background: #6cb9c3 !important;
outline: 2px solid rgba(19, 33, 36, 0.28) !important;
outline-offset: 1px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__popover--roles {
grid-template-rows: minmax(0, 1fr) auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__body {
min-height: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
scrollbar-width: thin !important;
scrollbar-color: rgba(19, 33, 36, 0.22) transparent !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search {
display: grid !important;
min-width: 0 !important;
gap: 12px !important;
padding: 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__field {
display: grid !important;
gap: 6px !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__field-label,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__section-title {
margin: 0 !important;
color: rgba(19, 33, 36, 0.68) !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.76rem !important;
letter-spacing: 0.04em !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__field-label {
font-weight: 500 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__section-title {
font-weight: 400 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
input.marnamic-hybrid-search__input[type="search"] {
position: static !important;
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
height: 52px !important;
min-height: 52px !important;
padding: 0 48px 0 16px !important;
color: #132124 !important;
background-color: rgba(255, 255, 255, 0.78) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23132124' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 15px center !important;
background-size: 22px 22px !important;
border: 1px solid rgba(19, 33, 36, 0.18) !important;
border-radius: 15px !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 1rem !important;
font-weight: 650 !important;
line-height: 1.2 !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
input.marnamic-hybrid-search__input[type="search"]::placeholder {
color: rgba(19, 33, 36, 0.52) !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
input.marnamic-hybrid-search__input[type="search"]:focus-visible {
border-color: #6cb9c3 !important;
outline: 3px solid rgba(108, 185, 195, 0.3) !important;
outline-offset: 1px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search
> .marnamic-role-groups {
padding: 0 !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__empty {
margin: 0 !important;
padding: 14px !important;
color: rgba(19, 33, 36, 0.66) !important;
background: rgba(255, 255, 255, 0.42) !important;
border: 1px dashed rgba(19, 33, 36, 0.18) !important;
border-radius: 15px !important;
font-size: 0.92rem !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__fulltext {
display: grid !important;
gap: 7px !important;
padding-top: 2px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__fulltext[hidden] {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action {
display: grid !important;
width: 100% !important;
min-width: 0 !important;
min-height: 56px !important;
grid-template-columns: 34px minmax(0, 1fr) !important;
gap: 11px !important;
align-items: center !important;
margin: 0 !important;
padding: 10px 14px !important;
color: #132124 !important;
background: rgba(108, 185, 195, 0.12) !important;
border: 1px solid rgba(108, 185, 195, 0.52) !important;
border-radius: 15px !important;
box-shadow: none !important;
font-family: var(--marnamic-font-body, inherit) !important;
font-size: 0.93rem !important;
font-weight: 750 !important;
line-height: 1.25 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action:is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action.is-active {
background: rgba(108, 185, 195, 0.22) !important;
border-color: #61a5ac !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action:focus-visible {
outline: 3px solid rgba(108, 185, 195, 0.34) !important;
outline-offset: 2px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action-icon {
position: relative !important;
display: block !important;
width: 28px !important;
height: 28px !important;
border: 2px solid #132124 !important;
border-radius: 50% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action-icon::after {
position: absolute !important;
right: -5px !important;
bottom: -3px !important;
width: 9px !important;
height: 2px !important;
background: #132124 !important;
border-radius: 2px !important;
content: "" !important;
transform: rotate(45deg) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__keyword-action-text {
min-width: 0 !important;
overflow-wrap: anywhere !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-hybrid-search__body {
max-height: min(58dvh, 620px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-hybrid-search {
gap: 10px !important;
padding: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-hybrid-search
> .marnamic-role-groups {
max-height: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
input.marnamic-hybrid-search__input[type="search"] {
height: 50px !important;
min-height: 50px !important;
font-size: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-chip {
min-height: 29px !important;
font-size: 0.78rem !important;
}
}
@media (max-width: 560px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-search__active-chips {
flex-wrap: wrap !important;
overflow: visible !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-hybrid-chip {
max-width: 100% !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category.has-inline-query
> .marnamic-air-search__hint {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control {
position: relative !important;
z-index: 2 !important;
display: flex !important;
width: 100% !important;
min-width: 0 !important;
min-height: 28px !important;
grid-row: 2 !important;
gap: 7px !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> .marnamic-hybrid-search__active-chips {
max-width: 62% !important;
flex: 0 1 auto !important;
grid-row: auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> input.marnamic-hybrid-search__input--inline[type="search"] {
position: relative !important;
display: block !important;
width: auto !important;
min-width: 120px !important;
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
flex: 1 1 150px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
color: #132124 !important;
background-color: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 0.96rem !important;
font-weight: 650 !important;
line-height: 1.1 !important;
text-overflow: ellipsis !important;
cursor: text !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> input.marnamic-hybrid-search__input--inline[type="search"]:focus-visible {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> input.marnamic-hybrid-search__input--inline[type="search"]::-webkit-search-cancel-button {
display: none !important;
appearance: none !important;
-webkit-appearance: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
form.hp-form--vendor-search.marnamic-air-search
> .hp-form__fields
> .hp-form__field.hp-form__field--hidden,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
form.hp-form--vendor-search.marnamic-air-search
> .hp-form__fields
> .hp-form__field.marnamic-air-search__source-field {
display: none !important;
width: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
flex: 0 0 0 !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card__content
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control {
min-height: 56px !important;
flex-wrap: wrap !important;
gap: 6px 8px !important;
padding: 4px 12px !important;
overflow: visible !important;
background: #fffaf3 !important;
border: 1px solid rgba(19, 33, 36, 0.22) !important;
border-radius: 15px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card__content
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> .marnamic-hybrid-search__active-chips {
max-width: 100% !important;
flex: 0 1 auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card__content
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> input.marnamic-hybrid-search__input--inline[type="search"] {
min-width: min(180px, 100%) !important;
height: 48px !important;
min-height: 48px !important;
max-height: 48px !important;
flex: 1 1 180px !important;
padding-right: 0 !important;
font-size: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-hybrid-chip__remove {
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
flex-basis: 44px !important;
}
}
@media (max-width: 560px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card__content
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> .marnamic-hybrid-search__active-chips,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card__content
.marnamic-air-search__field--category
> .marnamic-hybrid-search__control
> input.marnamic-hybrid-search__input--inline[type="search"] {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
}
}  body.wp-child-theme-marnamic.wp-child-theme-marnamic {
--marnamic-vendor-card-logo-tile-height: 128px;
--marnamic-vendor-card-logo-max-height: 96px;
--marnamic-vendor-profile-logo-tile-height: clamp(176px, 18vw, 220px);
--marnamic-vendor-profile-logo-max-height: clamp(136px, 14vw, 176px);
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__image
> a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
> a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
> a {
height: var(--marnamic-vendor-card-logo-tile-height) !important;
min-height: var(--marnamic-vendor-card-logo-tile-height) !important;
padding: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__image
img,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
img,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
img {
display: block !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: var(--marnamic-vendor-card-logo-max-height) !important;
object-fit: contain !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-page
.hp-vendor__summary
.hp-vendor__image {
min-height: var(--marnamic-vendor-profile-logo-tile-height) !important;
padding: clamp(14px, 2vw, 22px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-page
.hp-vendor__summary
.hp-vendor__image
img {
display: block !important;
width: auto !important;
max-width: 94% !important;
height: auto !important;
max-height: var(--marnamic-vendor-profile-logo-max-height) !important;
object-fit: contain !important;
}
@media (max-width: 680px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic {
--marnamic-vendor-card-logo-tile-height: 120px;
--marnamic-vendor-card-logo-max-height: 90px;
--marnamic-vendor-profile-logo-tile-height: 160px;
--marnamic-vendor-profile-logo-max-height: 128px;
}
}   body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
) {
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-control-surface, rgba(15, 25, 27, 0.9)) !important;
border-color: var(--marnamic-control-border, rgba(161, 192, 195, 0.3)) !important;
box-shadow: none !important;
transform: none !important;
transition:
color 160ms ease,
background-color 160ms ease,
border-color 160ms ease !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
) span {
display: block !important;
min-width: 0 !important;
color: currentColor !important;
-webkit-text-fill-color: currentColor !important;
opacity: 1 !important;
visibility: visible !important;
} body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
) :is(i, i::before, .hp-icon, .hp-icon::before) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
-webkit-text-fill-color: currentColor !important;
} body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar .marnamic-vendor-contact__brand-icon :is(path, rect, circle) {
fill: none !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar .marnamic-vendor-contact__brand-icon circle[fill] {
fill: currentColor !important;
stroke: none !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar .hp-social-links__item img {
flex: 0 0 18px !important;
width: 18px !important;
height: 18px !important;
opacity: 0.9 !important;
transition: filter 160ms ease, opacity 160ms ease !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
):is(
:hover,
:focus-visible,
:active,
[aria-pressed="true"],
[data-state="active"],
.is-active
) { color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
-webkit-text-fill-color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-action-selected, var(--marnamic-teal, #61a5ac)) !important;
border-color: var(--marnamic-action-selected, var(--marnamic-teal, #61a5ac)) !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
):is(
:hover,
:focus-visible,
:active,
[aria-pressed="true"],
[data-state="active"],
.is-active
) span {
color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
-webkit-text-fill-color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
):is(
:hover,
:focus-visible,
:active,
[aria-pressed="true"],
[data-state="active"],
.is-active
) :is(i, i::before, .hp-icon, .hp-icon::before) {
color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
fill: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
stroke: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
-webkit-text-fill-color: var(--marnamic-action-selected-text, var(--marnamic-dark, #132124)) !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar .hp-social-links__item:is(
:hover,
:focus-visible,
:active,
[aria-pressed="true"],
[data-state="active"],
.is-active
) img {
filter: none !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
):focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.72) !important;
outline-offset: 3px !important;
} body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__actions,
.hp-listing__actions
) {
display: flex !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
flex: 0 0 auto !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
) {
display: inline-flex !important;
flex: 0 0 40px !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-lime, #e7fd87) !important;
background: rgba(15, 25, 27, 0.86) !important;
border: 1px solid rgba(161, 192, 195, 0.34) !important;
border-radius: var(--marnamic-card-radius, 8px) !important;
box-shadow: none !important;
line-height: 1 !important;
transform: none !important;
transition:
color 160ms ease,
background-color 160ms ease,
border-color 160ms ease !important;
}
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
) :is(
i,
i::before,
.hp-icon,
.hp-icon::before,
svg,
svg *
) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
):is(:hover, :focus-visible, :active) {
color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime-hover, #dffc5f) !important;
border-color: var(--marnamic-lime-hover, #dffc5f) !important;
}
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
):focus-visible {
outline: 2px solid rgba(231, 253, 135, 0.72) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
):is(
[aria-pressed="true"],
[data-state="active"],
.is-active,
.hp-listing__action--active,
.hp-vendor__action--active
) {
color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime, #e7fd87) !important;
border-color: var(--marnamic-lime, #e7fd87) !important;
}
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
):is(
[aria-pressed="true"],
[data-state="active"],
.is-active,
.hp-listing__action--active,
.hp-vendor__action--active
):is(:hover, :focus-visible) {
background: var(--marnamic-lime-hover, #dffc5f) !important;
border-color: var(--marnamic-lime-hover, #dffc5f) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link:link,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link:visited,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link:hover,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link:focus-visible,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link:active {
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: var(--marnamic-dark, #132124) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.gm-style .gm-style-iw-c a.marnamic-map-card__link :is(
span,
i,
i::before,
svg,
svg *
) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
-webkit-text-fill-color: currentColor !important;
}
@media (prefers-reduced-motion: reduce) {
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-link
),
body.wp-child-theme-marnamic .hp-page__sidebar .hp-social-links__item {
transition-duration: 0.01ms !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.marnamic-card__cta--profile,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.marnamic-card__cta--profile:link,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.marnamic-card__cta--profile:visited {
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime, #e7fd87) !important;
border-color: var(--marnamic-lime, #e7fd87) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.marnamic-card__cta--profile
span {
color: currentColor !important;
-webkit-text-fill-color: currentColor !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.marnamic-card__cta--profile:is(:hover, :focus-visible, :active) {
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime-hover, #dffc5f) !important;
border-color: var(--marnamic-lime-hover, #dffc5f) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.hp-vendor__action--message {
color: var(--marnamic-lime, #e7fd87) !important;
-webkit-text-fill-color: var(--marnamic-lime, #e7fd87) !important;
background: rgba(15, 25, 27, 0.86) !important;
border-color: rgba(161, 192, 195, 0.34) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.hp-vendor__action--message
:is(i, i::before, .hp-icon, .hp-icon::before, svg, svg *) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
-webkit-text-fill-color: currentColor !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
a.hp-vendor__action--message:is(:hover, :focus-visible, :active) {
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime-hover, #dffc5f) !important;
border-color: var(--marnamic-lime-hover, #dffc5f) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__actions--primary
a.marnamic-vendor-matching-cta,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__actions--primary
a.marnamic-vendor-matching-cta:link,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__actions--primary
a.marnamic-vendor-matching-cta:visited {
display: inline-flex !important;
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime, #e7fd87) !important;
border-color: var(--marnamic-lime, #e7fd87) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__actions--primary
a.marnamic-vendor-matching-cta
:is(i, i::before, .hp-icon, .hp-icon::before, span, svg, svg *) {
margin: 0 !important;
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
-webkit-text-fill-color: currentColor !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__actions--primary
a.marnamic-vendor-matching-cta:is(:hover, :focus-visible, :active) {
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-lime-hover, #dffc5f) !important;
border-color: var(--marnamic-lime-hover, #dffc5f) !important;
}  body.wp-child-theme-marnamic {
--marnamic-type-page-h1: clamp(2.125rem, 3.75vw, 3rem);
--marnamic-type-detail-h1: clamp(2rem, 3.25vw, 2.625rem);
--marnamic-type-section-h2: clamp(1.375rem, 2.35vw, 1.875rem);
--marnamic-type-section-h3: clamp(1.125rem, 1.65vw, 1.375rem);
--marnamic-type-editorial-copy-size: 18px;
--marnamic-type-editorial-copy-line: 27px;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.page__text > .mn-home h1,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-info .mn-hero h1,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-blog-intro > .marnamic-blog-intro__title,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-matching-intro__copy > h1,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-matching-complete > h1,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-account-area
.hp-page__content > .hp-page__title,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-glossary-category-hero__title,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.category, .tag)
.header-hero.category--single .category__name,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.tax-hp_listing_category
.header-hero .hp-listing-category__name,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.page__text > h1 {
font-size: var(--marnamic-type-page-h1) !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
} body.single-post.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.header-hero.post--single .post__title,
body.single-glossary.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
article.glossary > .entry-title,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-page__content > .hp-page__title,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__content > .hp-listing__title {
font-size: var(--marnamic-type-detail-h1) !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.page__text > h2,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-home > h2,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-home-intro > h2,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-home-explore__copy > h2,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-home-steps > h2,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-home-benefits__head > h2,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-info .mn-center > h2,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-info .mn-section > .mn-wrap > h2,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-info .mn-story > :not(.mn-story__panel) > h2,
body.single-post.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--single .post__text h2,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-matching-account-intro > h2,
body.single-glossary.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
article.glossary > .entry-content h2,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__content > .hp-listing__description h2,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-blog-empty > h2 {
font-size: var(--marnamic-type-section-h2) !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.page__text > h3,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-home > h3,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-home-intro > h3,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-home-explore__copy > h3,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-home-steps > h3,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-home-benefits__head > h3,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-info .mn-center > h3,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-info .mn-section > .mn-wrap > h3,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-info .mn-story > :not(.mn-story__panel) > h3,
body.single-post.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--single .post__text h3,
body.single-glossary.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
article.glossary > .entry-content h3,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__content > .hp-listing__description h3 {
font-size: var(--marnamic-type-section-h3) !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.page__text > p,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.page__text > :is(ul, ol) > li,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.page__text > .mn-home :is(
.mn-home-lead,
.mn-home-intro > p,
.mn-home-explore__copy > p,
.mn-home-benefits__head > p
),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-info .mn-lead,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-info .mn-center > p,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-info .mn-story > :not(.mn-story__panel) > p,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-blog-intro > .marnamic-blog-intro__description,
body.single-post.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--single .post__text > p,
body.single-post.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--single .post__text > :is(ul, ol) > li,
body.single-post.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--single .post__text > blockquote > p,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-matching-intro__copy > p,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-matching-complete > p,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-account-area
.hp-page__content > .hp-page__description,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-glossary-category-hero__description,
body.single-glossary.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
article.glossary > .entry-content > p,
body.single-glossary.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
article.glossary > .entry-content > :is(ul, ol) > li,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__content > .hp-listing__description > p,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__content > .hp-listing__description > :is(ul, ol) > li,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.category, .tag)
.header-hero.category--single .category__description,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.tax-hp_listing_category
.header-hero .hp-listing-category__description,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-blog-empty > p {
font-size: var(--marnamic-type-editorial-copy-size) !important;
line-height: var(--marnamic-type-editorial-copy-line) !important;
}
@media (max-width: 980px) {
body.wp-child-theme-marnamic {
--marnamic-type-page-h1: clamp(2.125rem, 6vw, 2.625rem);
--marnamic-type-detail-h1: clamp(2rem, 5.5vw, 2.5rem);
--marnamic-type-section-h2: clamp(1.375rem, 4vw, 1.75rem);
--marnamic-type-section-h3: clamp(1.125rem, 3vw, 1.3125rem);
--marnamic-type-editorial-copy-size: 16px;
--marnamic-type-editorial-copy-line: 24px;
}
}  body.wp-child-theme-marnamic,
body.hp-theme--listinghive {
--marnamic-action-accent: var(--marnamic-lime, #e7fd87);
--marnamic-action-accent-hover: var(--marnamic-lime-hover, #dffc5f);
--marnamic-action-accent-text: var(--marnamic-dark, #132124);
--marnamic-action-primary: var(--marnamic-teal, #61a5ac);
--marnamic-action-primary-hover: #78b8be;
--marnamic-action-primary-text: var(--marnamic-dark, #132124);
--marnamic-action-secondary: rgba(15, 25, 27, 0.86);
--marnamic-action-secondary-hover: rgba(32, 51, 55, 0.98);
--marnamic-action-secondary-text: var(--marnamic-cream, #f1e9dd);
--marnamic-action-secondary-border: rgba(161, 192, 195, 0.34);
--marnamic-action-secondary-border-hover: rgba(97, 165, 172, 0.78);
--marnamic-action-outline: transparent;
--marnamic-action-outline-text: var(--marnamic-cream, #f1e9dd);
--marnamic-action-outline-border: rgba(161, 192, 195, 0.52);
--marnamic-action-outline-hover: rgba(97, 165, 172, 0.16);
--marnamic-action-outline-hover-text: var(--marnamic-cream, #f1e9dd);
--marnamic-action-outline-border-hover: var(--marnamic-teal, #61a5ac);
--marnamic-action-outline-focus: var(--marnamic-action-focus, rgba(231, 253, 135, 0.78));
--marnamic-action-selected: var(--marnamic-teal, #61a5ac);
--marnamic-action-selected-text: var(--marnamic-dark, #132124);
--marnamic-action-danger: var(--marnamic-danger, #ff7b7b);
--marnamic-action-disabled: rgba(161, 192, 195, 0.16);
--marnamic-action-focus: rgba(231, 253, 135, 0.78);
--marnamic-action-focus-light: rgba(97, 165, 172, 0.48);
--marnamic-action-text-line-height: 1.25;
}
body.wp-child-theme-marnamic .marnamic-surface--light,
body.hp-theme--listinghive .marnamic-surface--light {
--marnamic-action-outline-text: var(--marnamic-dark, #132124);
--marnamic-action-outline-border: rgba(19, 33, 36, 0.52);
--marnamic-action-outline-hover: rgba(97, 165, 172, 0.18);
--marnamic-action-outline-hover-text: var(--marnamic-dark, #132124);
--marnamic-action-outline-border-hover: var(--marnamic-teal-dark, #05717c);
--marnamic-action-outline-focus: var(--marnamic-action-focus-light, rgba(97, 165, 172, 0.48));
}  html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button,
.marnamic-card__cta,
.marnamic-archive-filter-button,
.marnamic-archive-map-toggle,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
) {
line-height: var(--marnamic-action-text-line-height) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button,
.marnamic-archive-filter-button,
.marnamic-archive-map-toggle,
.marnamic-action--secondary
) {
color: var(--marnamic-action-secondary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-secondary-text) !important;
background-color: var(--marnamic-action-secondary) !important;
border-color: var(--marnamic-action-secondary-border) !important;
box-shadow: none !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button,
.marnamic-archive-filter-button,
.marnamic-archive-map-toggle,
.marnamic-action--secondary
):is(:hover, :focus-visible) {
color: var(--marnamic-action-secondary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-secondary-text) !important;
background-color: var(--marnamic-action-secondary-hover) !important;
border-color: var(--marnamic-action-secondary-border-hover) !important;
box-shadow: none !important;
}  html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button--primary,
.button-primary,
.hp-button--primary,
.hp-form__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button--primary,
.marnamic-action--primary,
.marnamic-air-search__filter-apply,
.marnamic-air-search__mobile-primary,
.marnamic-listing-search__mobile-primary,
.hp-membership-plan__select-button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):not(:where(.marnamic-action--danger, .button--danger, .hp-button--danger)) {
color: var(--marnamic-action-primary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-primary-text) !important;
background-color: var(--marnamic-action-primary) !important;
border-color: var(--marnamic-action-primary) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button--primary,
.button-primary,
.hp-button--primary,
.hp-form__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button--primary,
.marnamic-action--primary,
.marnamic-air-search__filter-apply,
.marnamic-air-search__mobile-primary,
.marnamic-listing-search__mobile-primary,
.hp-membership-plan__select-button,
button[type="submit"]:not(.gm-control-active),
input[type="submit"]
):not(:where(.marnamic-action--danger, .button--danger, .hp-button--danger)):is(:hover, :focus-visible) {
color: var(--marnamic-action-primary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-primary-text) !important;
background-color: var(--marnamic-action-primary-hover) !important;
border-color: var(--marnamic-action-primary-hover) !important;
box-shadow: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-form--vendor-search
:is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results
.hp-page__header
.hp-form--vendor-search.marnamic-air-search
:is(.hp-form__button, button[type="submit"], input[type="submit"]),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
form.hp-form--vendor-search.marnamic-air-search
> .hp-form__footer
> :is(
button.hp-form__button.hp-field.hp-field--submit.button[type="submit"],
input.hp-form__button.hp-field.hp-field--submit[type="submit"]
),
body.wp-child-theme-marnamic.marnamic-styleguide
.styleguide-demo
.hp-form--vendor-search.marnamic-air-search
:is(.hp-form__button, button[type="submit"], input[type="submit"]) {
background-color: var(--marnamic-action-primary) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(.hp-form__button, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-form--vendor-search
:is(.hp-form__button, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results
.hp-page__header
.hp-form--vendor-search.marnamic-air-search
:is(.hp-form__button, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
form.hp-form--vendor-search.marnamic-air-search
> .hp-form__footer
> :is(
button.hp-form__button.hp-field.hp-field--submit.button[type="submit"],
input.hp-form__button.hp-field.hp-field--submit[type="submit"]
):is(:hover, :focus-visible),
body.wp-child-theme-marnamic.marnamic-styleguide
.styleguide-demo
.hp-form--vendor-search.marnamic-air-search
:is(.hp-form__button, button[type="submit"], input[type="submit"]):is(:hover, :focus-visible) {
background-color: var(--marnamic-action-primary-hover) !important;
box-shadow: 0 0 0 4px rgba(97, 165, 172, 0.22) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button--secondary,
.hp-button--secondary,
.marnamic-button--secondary,
.marnamic-action--secondary,
.marnamic-archive-filter-button,
.marnamic-archive-map-toggle,
.combined-map-wrapper .map-filter-btn,
.marnamic-air-search__filter-reset,
.marnamic-air-search__mobile-reset,
.marnamic-listing-search__mobile-reset,
.marnamic-card__cta,
.hp-page__sidebar .hp-vendor__action--message,
.hp-page__sidebar .hp-vendor__action--review,
.hp-page__sidebar .hp-listing__action--review
) {
color: var(--marnamic-action-secondary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-secondary-text) !important;
background-color: var(--marnamic-action-secondary) !important;
border-color: var(--marnamic-action-secondary-border) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button--secondary,
.hp-button--secondary,
.marnamic-button--secondary,
.marnamic-action--secondary,
.marnamic-archive-filter-button,
.marnamic-archive-map-toggle,
.combined-map-wrapper .map-filter-btn,
.marnamic-air-search__filter-reset,
.marnamic-air-search__mobile-reset,
.marnamic-listing-search__mobile-reset,
.marnamic-card__cta,
.hp-page__sidebar .hp-vendor__action--message,
.hp-page__sidebar .hp-vendor__action--review,
.hp-page__sidebar .hp-listing__action--review
):is(:hover, :focus-visible) {
color: var(--marnamic-action-secondary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-secondary-text) !important;
background-color: var(--marnamic-action-secondary-hover) !important;
border-color: var(--marnamic-action-secondary-border-hover) !important;
box-shadow: none !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button--outline,
.hp-button--outline,
.marnamic-button--outline,
.marnamic-action--outline,
.button--ghost,
.hp-button--ghost,
.marnamic-button--ghost,
.marnamic-action--ghost,
.mn-home-button--secondary,
.mn-lex-btn--ghost,
.mn-btn--ghost,
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button__link.is-style-outline
) {
display: inline-flex !important;
min-height: var(--marnamic-ui-control-height, 44px) !important;
align-items: center !important;
justify-content: center !important;
padding-inline: var(--marnamic-ui-button-padding-x, 16px) !important;
color: var(--marnamic-action-outline-text) !important;
-webkit-text-fill-color: var(--marnamic-action-outline-text) !important;
background-color: var(--marnamic-action-outline) !important;
border: 1px solid var(--marnamic-action-outline-border) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
box-shadow: none !important;
text-decoration: none !important;
transition:
background-color var(--marnamic-ui-transition, 160ms ease),
border-color var(--marnamic-ui-transition, 160ms ease),
color var(--marnamic-ui-transition, 160ms ease) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button--outline,
.hp-button--outline,
.marnamic-button--outline,
.marnamic-action--outline,
.button--ghost,
.hp-button--ghost,
.marnamic-button--ghost,
.marnamic-action--ghost,
.mn-home-button--secondary,
.mn-lex-btn--ghost,
.mn-btn--ghost,
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button__link.is-style-outline
):is(:hover, :focus-visible) {
color: var(--marnamic-action-outline-hover-text) !important;
-webkit-text-fill-color: var(--marnamic-action-outline-hover-text) !important;
background-color: var(--marnamic-action-outline-hover) !important;
border-color: var(--marnamic-action-outline-border-hover) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button--outline,
.hp-button--outline,
.marnamic-button--outline,
.marnamic-action--outline,
.button--ghost,
.hp-button--ghost,
.marnamic-button--ghost,
.marnamic-action--ghost,
.mn-home-button--secondary,
.mn-lex-btn--ghost,
.mn-btn--ghost,
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button__link.is-style-outline
):focus-visible {
outline: 2px solid var(--marnamic-action-outline-focus) !important;
outline-offset: 3px !important;
} body.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
:is(.hp-listing__action--message, .hp-listing__action--reply) {
color: var(--marnamic-action-primary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-primary-text) !important;
background-color: var(--marnamic-action-primary) !important;
border-color: var(--marnamic-action-primary) !important;
}
body.wp-child-theme-marnamic.hp-template--listing-view-page
.hp-page__sidebar
:is(.hp-listing__action--message, .hp-listing__action--reply):is(:hover, :focus-visible) {
color: var(--marnamic-action-primary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-primary-text) !important;
background-color: var(--marnamic-action-primary-hover) !important;
border-color: var(--marnamic-action-primary-hover) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.site-header.site-header
.header-navbar.header-navbar
.header-navbar__actions.header-navbar__actions
.hp-menu.hp-menu--site-header
:is(
.hp-menu__item--listing-submit.button.button--secondary,
.hp-menu__item--request-submit.hp-link
),
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.header-navbar__burger
:is(.hp-menu__item--listing-submit, .hp-menu__item--request-submit) {
color: var(--marnamic-action-secondary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-secondary-text) !important;
background-color: var(--marnamic-action-secondary) !important;
border-color: var(--marnamic-action-secondary-border) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.site-header.site-header
.header-navbar.header-navbar
.header-navbar__actions.header-navbar__actions
.hp-menu.hp-menu--site-header
:is(
.hp-menu__item--listing-submit.button.button--secondary,
.hp-menu__item--request-submit.hp-link
):is(:hover, :focus-visible),
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.header-navbar__burger
:is(.hp-menu__item--listing-submit, .hp-menu__item--request-submit):is(:hover, :focus-visible) {
color: var(--marnamic-action-secondary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-secondary-text) !important;
background-color: var(--marnamic-action-secondary-hover) !important;
border-color: var(--marnamic-action-secondary-border-hover) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button,
.hp-button,
.marnamic-button,
.marnamic-archive-map-toggle,
.combined-map-wrapper .map-filter-btn
):is([aria-pressed="true"], [data-state="active"], .is-active, .active),
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.gtt-category-filter__button.is-active {
color: var(--marnamic-action-selected-text) !important;
-webkit-text-fill-color: var(--marnamic-action-selected-text) !important;
background-color: var(--marnamic-action-selected) !important;
border-color: var(--marnamic-action-selected) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.gtt-category-filter__button:is(:hover, :focus-visible) {
color: var(--marnamic-action-secondary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-secondary-text) !important;
background-color: var(--marnamic-action-secondary-hover) !important;
border-color: var(--marnamic-action-secondary-border-hover) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.gtt-category-filter__button.is-active:is(:hover, :focus-visible) {
color: var(--marnamic-action-selected-text) !important;
-webkit-text-fill-color: var(--marnamic-action-selected-text) !important;
background-color: var(--marnamic-action-primary-hover) !important;
border-color: var(--marnamic-action-primary-hover) !important;
}
body.wp-child-theme-marnamic .marnamic-purpose-option.is-checked {
background: rgba(97, 165, 172, 0.22) !important;
}
body.wp-child-theme-marnamic input:is([type="checkbox"], [type="radio"]) {
accent-color: var(--marnamic-action-selected) !important;
} body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
),
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
) {
color: var(--marnamic-mint, #a1c0c3) !important;
-webkit-text-fill-color: var(--marnamic-mint, #a1c0c3) !important;
background-color: var(--marnamic-action-secondary) !important;
border-color: var(--marnamic-action-secondary-border) !important;
}
body.wp-child-theme-marnamic .marnamic-card :is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
):is(:hover, :focus-visible, :active, [aria-pressed="true"], [data-state="active"], .is-active, .active),
body.wp-child-theme-marnamic:is(
.hp-template--vendor-view-page,
.hp-template--listing-view-page
) .hp-page__sidebar :is(
.hp-social-links__item,
.marnamic-vendor-contact__action
):is(
:hover,
:focus-visible,
:active,
[aria-pressed="true"],
[data-state="active"],
.is-active
) {
color: var(--marnamic-action-selected-text) !important;
-webkit-text-fill-color: var(--marnamic-action-selected-text) !important;
background-color: var(--marnamic-action-selected) !important;
border-color: var(--marnamic-action-selected) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button--danger,
.hp-button--danger,
.marnamic-action--danger,
.hp-listing__action--report,
.hp-vendor__action--report,
.hp-message__action--delete,
.hp-listing__action--delete,
.hp-vendor__action--delete
) {
color: var(--marnamic-action-danger) !important;
-webkit-text-fill-color: var(--marnamic-action-danger) !important;
background-color: transparent !important;
border-color: rgba(255, 123, 123, 0.52) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button--danger,
.hp-button--danger,
.marnamic-action--danger,
.hp-listing__action--report,
.hp-vendor__action--report,
.hp-message__action--delete,
.hp-listing__action--delete,
.hp-vendor__action--delete
):is(:hover, :focus-visible) {
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: var(--marnamic-dark, #132124) !important;
background-color: var(--marnamic-action-danger) !important;
border-color: var(--marnamic-action-danger) !important;
} body.wp-child-theme-marnamic #cr-banner :is(
.cr-btn-reject
) {
color: var(--marnamic-action-secondary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-secondary-text) !important;
background: var(--marnamic-action-secondary) !important;
border-color: var(--marnamic-action-secondary-border) !important;
}
body.wp-child-theme-marnamic #cr-banner :is(
.cr-btn-reject
):is(:hover, :focus-visible) {
color: var(--marnamic-action-secondary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-secondary-text) !important;
background: var(--marnamic-action-secondary-hover) !important;
border-color: var(--marnamic-action-secondary-border-hover) !important;
}
body.wp-child-theme-marnamic #cr-banner :is(
.cr-btn-config,
.cr-btn-configure
) {
color: var(--marnamic-action-secondary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-secondary-text) !important;
background: transparent !important;
border-color: var(--marnamic-action-secondary-border) !important;
}
body.wp-child-theme-marnamic #cr-banner :is(
.cr-btn-config,
.cr-btn-configure
):is(:hover, :focus-visible) {
color: var(--marnamic-action-secondary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-secondary-text) !important;
background: rgba(32, 51, 55, 0.62) !important;
border-color: var(--marnamic-action-secondary-border-hover) !important;
}
body.wp-child-theme-marnamic #cr-banner .cr-btn-accept,
body.wp-child-theme-marnamic #cr-modal-accept-all {
color: var(--marnamic-action-primary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-primary-text) !important;
background: var(--marnamic-action-primary) !important;
border-color: var(--marnamic-action-primary) !important;
}
body.wp-child-theme-marnamic #cr-banner .cr-btn-accept:is(:hover, :focus-visible),
body.wp-child-theme-marnamic #cr-modal-accept-all:is(:hover, :focus-visible) {
color: var(--marnamic-action-primary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-primary-text) !important;
background: var(--marnamic-action-primary-hover) !important;
border-color: var(--marnamic-action-primary-hover) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic .mn-support__launcher {
color: var(--marnamic-action-secondary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-secondary-text) !important;
background: var(--marnamic-action-secondary) !important;
border-color: var(--marnamic-action-secondary-border) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic .mn-support__launcher:is(:hover, :focus-visible) {
color: var(--marnamic-action-primary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-primary-text) !important;
background: var(--marnamic-action-primary) !important;
border-color: var(--marnamic-action-primary) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.marnamic-action--accent,
.button--accent,
.marnamic-card__matching-cta,
.marnamic-vendor-matching-cta
),
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-request-matching__form.marnamic-request-matching__form .hp-form__button,
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-membership-plan--primary.hp-membership-plan--primary .hp-membership-plan__select-button {
color: var(--marnamic-action-accent-text) !important;
-webkit-text-fill-color: var(--marnamic-action-accent-text) !important;
background-color: var(--marnamic-action-accent) !important;
border-color: var(--marnamic-action-accent) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.marnamic-action--accent,
.button--accent,
.marnamic-card__matching-cta,
.marnamic-vendor-matching-cta
):is(:hover, :focus-visible, :active),
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-request-matching__form.marnamic-request-matching__form .hp-form__button:is(:hover, :focus-visible, :active),
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-membership-plan--primary.hp-membership-plan--primary .hp-membership-plan__select-button:is(:hover, :focus-visible, :active) {
color: var(--marnamic-action-accent-text) !important;
-webkit-text-fill-color: var(--marnamic-action-accent-text) !important;
background-color: var(--marnamic-action-accent-hover) !important;
border-color: var(--marnamic-action-accent-hover) !important;
}  html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.mn-home-hero .mn-home-button--primary,
.mn-info .mn-hero .mn-btn--primary
) {
color: var(--marnamic-action-accent-text) !important;
-webkit-text-fill-color: var(--marnamic-action-accent-text) !important;
background-color: var(--marnamic-action-accent) !important;
border-color: var(--marnamic-action-accent) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.mn-home-hero .mn-home-button--primary,
.mn-info .mn-hero .mn-btn--primary
):is(:hover, :focus-visible, :active) {
color: var(--marnamic-action-accent-text) !important;
-webkit-text-fill-color: var(--marnamic-action-accent-text) !important;
background-color: var(--marnamic-action-accent-hover) !important;
border-color: var(--marnamic-action-accent-hover) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card__cta.marnamic-card__matching-cta.marnamic-action--accent {
color: var(--marnamic-action-accent-text) !important;
-webkit-text-fill-color: var(--marnamic-action-accent-text) !important;
background-color: var(--marnamic-action-accent) !important;
border-color: var(--marnamic-action-accent) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card__cta.marnamic-card__matching-cta.marnamic-action--accent:is(:hover, :focus-visible, :active) {
color: var(--marnamic-action-accent-text) !important;
-webkit-text-fill-color: var(--marnamic-action-accent-text) !important;
background-color: var(--marnamic-action-accent-hover) !important;
border-color: var(--marnamic-action-accent-hover) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card.marnamic-card :is(
.hp-vendor__action--message,
.hp-vendor__action--favorite,
.hp-listing__action--message,
.hp-listing__action--favorite,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
) {
color: var(--marnamic-mint, #a1c0c3) !important;
-webkit-text-fill-color: var(--marnamic-mint, #a1c0c3) !important;
background-color: var(--marnamic-action-secondary) !important;
border-color: var(--marnamic-action-secondary-border) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card.marnamic-card :is(
.hp-vendor__action--message,
.hp-vendor__action--favorite,
.hp-listing__action--message,
.hp-listing__action--favorite,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
):is(:hover, :focus-visible, :active, [aria-pressed="true"], [data-state="active"], .is-active, .active) {
color: var(--marnamic-action-selected-text) !important;
-webkit-text-fill-color: var(--marnamic-action-selected-text) !important;
background-color: var(--marnamic-action-selected) !important;
border-color: var(--marnamic-action-selected) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page__topbar .hp-menu--tabbed :is(.current-menu-item, .hp-menu__item--current) > a {
color: var(--marnamic-action-selected-text) !important;
-webkit-text-fill-color: var(--marnamic-action-selected-text) !important;
background-color: var(--marnamic-action-selected) !important;
border-color: var(--marnamic-action-selected) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-home-button.mn-home-button--secondary {
color: var(--marnamic-action-outline-text) !important;
-webkit-text-fill-color: var(--marnamic-action-outline-text) !important;
background-color: var(--marnamic-action-outline) !important;
border-color: var(--marnamic-action-outline-border) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.mn-home-button.mn-home-button--secondary:is(:hover, :focus-visible) {
color: var(--marnamic-action-outline-hover-text) !important;
-webkit-text-fill-color: var(--marnamic-action-outline-hover-text) !important;
background-color: var(--marnamic-action-outline-hover) !important;
border-color: var(--marnamic-action-outline-border-hover) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.mn-lex-btn--ghost,
.mn-btn--ghost
) {
color: var(--marnamic-action-outline-text) !important;
-webkit-text-fill-color: var(--marnamic-action-outline-text) !important;
background-color: var(--marnamic-action-outline) !important;
border-color: var(--marnamic-action-outline-border) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.mn-lex-btn--ghost,
.mn-btn--ghost
):is(:hover, :focus-visible) {
color: var(--marnamic-action-outline-hover-text) !important;
-webkit-text-fill-color: var(--marnamic-action-outline-hover-text) !important;
background-color: var(--marnamic-action-outline-hover) !important;
border-color: var(--marnamic-action-outline-border-hover) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive .post__categories a {
color: var(--marnamic-text-muted, rgba(241, 233, 221, 0.72)) !important;
-webkit-text-fill-color: var(--marnamic-text-muted, rgba(241, 233, 221, 0.72)) !important;
background-color: rgba(161, 192, 195, 0.12) !important;
border-color: rgba(161, 192, 195, 0.24) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive .post__categories a:is(:hover, :focus-visible) {
color: var(--marnamic-action-selected-text) !important;
-webkit-text-fill-color: var(--marnamic-action-selected-text) !important;
background-color: var(--marnamic-action-selected) !important;
border-color: var(--marnamic-action-selected) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive .post__readmore {
color: var(--marnamic-action-primary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-primary-text) !important;
background-color: var(--marnamic-action-primary) !important;
border-color: var(--marnamic-action-primary) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive .post__readmore:is(:hover, :focus-visible) {
color: var(--marnamic-action-primary-text) !important;
-webkit-text-fill-color: var(--marnamic-action-primary-text) !important;
background-color: var(--marnamic-action-primary-hover) !important;
border-color: var(--marnamic-action-primary-hover) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button,
.marnamic-card__cta,
.hp-listing__action,
.hp-vendor__action
) :is(i, i::before, .hp-icon, .hp-icon::before, span, svg, svg *):not(.marnamic-archive-filter-count) {
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
-webkit-text-fill-color: currentColor !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
a,
button,
input,
select,
textarea,
[role="button"]
):focus-visible {
outline: 2px solid var(--marnamic-action-focus) !important;
outline-offset: 3px !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
:is(input[type="text"], input[type="search"], select, textarea):is(:focus, :focus-visible) {
outline: 0 !important;
outline-offset: 0 !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.select2-container--default .select2-selection--multiple
.select2-search--inline .select2-search__field:is(:focus, :focus-visible) {
outline: 0 !important;
outline-offset: 0 !important;
border: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
@media (min-width: 981px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search
.hp-form__field:is(.is-open, :focus-within)::after {
box-shadow:
0 0 0 3px var(--marnamic-action-focus-light),
0 4px 14px rgba(19, 33, 36, 0.18) !important;
}
}
@media (max-width: 980px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-mobile-card
:is(a, button, input, select, textarea, [role="button"]):focus-visible {
outline: 3px solid rgba(97, 165, 172, 0.48) !important;
outline-offset: 2px !important;
} html.marnamic-air-search-mobile-open,
html.marnamic-air-search-mobile-open body.wp-child-theme-marnamic {
overflow: hidden !important;
overscroll-behavior: none !important;
}
html.marnamic-air-search-mobile-open body.wp-child-theme-marnamic .mn-support {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__filter-actions {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-air-search__popover--roles {
grid-template-rows: auto !important;
max-height: none !important;
overflow: visible !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
:is(.marnamic-hybrid-search__body, .marnamic-hybrid-search > .marnamic-role-groups) {
max-height: none !important;
overflow-x: hidden !important;
overflow-y: visible !important;
overscroll-behavior: auto !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-mobile-location__source
> input[name="location"]:is(:focus, :focus-visible) {
border: 0 !important;
box-shadow: none !important;
outline: 0 !important;
outline-offset: 0 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
.marnamic-mobile-location__control:focus-within {
border-color: rgba(97, 165, 172, 0.88) !important;
box-shadow: 0 0 0 3px rgba(97, 165, 172, 0.28) !important;
outline: 0 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open
input.marnamic-hybrid-search__input[type="search"]:is(:focus, :focus-visible) {
border-color: #61a5ac !important;
box-shadow: 0 0 0 3px rgba(97, 165, 172, 0.24) !important;
outline: 0 !important;
}
}
body.wp-child-theme-marnamic .marnamic-role-option.is-disabled {
opacity: 0.48 !important;
cursor: not-allowed !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-empty-results .marnamic-archive-map-shell,
body.wp-child-theme-marnamic.marnamic-archive-empty-results .marnamic-archive-map-toggle {
display: none !important;
}
@media (min-width: 981px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-empty-results
.hp-page__header
> :is(.marnamic-archive-filter-button--vendor, .hp-button--vendor-filter) {
position: absolute !important;
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
body.wp-child-theme-marnamic .hp-no-results .marnamic-archive-empty-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
justify-content: flex-start !important;
margin-top: 24px !important;
}
body.wp-child-theme-marnamic .hp-no-results .marnamic-archive-empty-actions .button {
min-height: 48px !important;
padding: 0 22px !important;
}
body.wp-child-theme-marnamic .hp-no-results .marnamic-archive-empty-unfiltered {
display: inline-flex !important;
flex-direction: column !important;
gap: 4px !important;
max-width: min(100%, 420px) !important;
margin-top: 18px !important;
padding: 16px 18px !important;
color: #d7e8dc !important;
text-decoration: none !important;
background: rgba(215, 232, 220, 0.06) !important;
border: 1px solid rgba(215, 232, 220, 0.2) !important;
border-radius: 8px !important;
transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease !important;
}
body.wp-child-theme-marnamic .hp-no-results .marnamic-archive-empty-unfiltered:is(:hover, :focus-visible) {
color: #d7e8dc !important;
background: rgba(215, 232, 220, 0.1) !important;
border-color: rgba(207, 246, 118, 0.72) !important;
outline: 0 !important;
transform: translateY(-1px) !important;
}
body.wp-child-theme-marnamic .hp-no-results .marnamic-archive-empty-unfiltered__title {
color: #cff676 !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
body.wp-child-theme-marnamic .hp-no-results .marnamic-archive-empty-unfiltered__meta {
color: rgba(215, 232, 220, 0.78) !important;
font-size: 14px !important;
line-height: 1.4 !important;
}
@media (max-width: 640px) {
body.wp-child-theme-marnamic .hp-no-results .marnamic-archive-empty-actions {
width: 100% !important;
}
body.wp-child-theme-marnamic .hp-no-results .marnamic-archive-empty-actions .button {
flex: 1 1 100% !important;
justify-content: center !important;
width: 100% !important;
}
body.wp-child-theme-marnamic .hp-no-results .marnamic-archive-empty-unfiltered {
width: 100% !important;
}
}
body.wp-child-theme-marnamic.marnamic-archive-search-loading::before {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
z-index: 2147483000 !important;
height: 4px !important;
background: linear-gradient(90deg, #61a5ac 0 35%, #a1c0c3 50%, #61a5ac 65% 100%) !important;
background-size: 200% 100% !important;
content: "" !important;
animation: marnamic-search-progress 900ms linear infinite !important;
}
@keyframes marnamic-search-progress {
from { background-position: 100% 0; }
to { background-position: -100% 0; }
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-surface--light :is(
.button--primary,
.button-primary,
.hp-button--primary,
.marnamic-button--primary,
.marnamic-action--primary,
.marnamic-action--accent,
.button--accent,
.mn-home-button--primary,
.mn-btn--primary,
.mn-lex-btn--primary
) {
color: var(--marnamic-action-primary-text, var(--marnamic-dark, #132124)) !important;
-webkit-text-fill-color: var(--marnamic-action-primary-text, var(--marnamic-dark, #132124)) !important;
background-color: var(--marnamic-action-primary, var(--marnamic-teal, #61a5ac)) !important;
border-color: var(--marnamic-action-primary, var(--marnamic-teal, #61a5ac)) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-surface--light :is(
.button--primary,
.button-primary,
.hp-button--primary,
.marnamic-button--primary,
.marnamic-action--primary,
.marnamic-action--accent,
.button--accent,
.mn-home-button--primary,
.mn-btn--primary,
.mn-lex-btn--primary
):is(:hover, :focus-visible, :active) {
color: var(--marnamic-action-primary-text, var(--marnamic-dark, #132124)) !important;
-webkit-text-fill-color: var(--marnamic-action-primary-text, var(--marnamic-dark, #132124)) !important;
background-color: var(--marnamic-action-primary-hover, #78b8be) !important;
border-color: var(--marnamic-action-primary-hover, #78b8be) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.hp-field__button,
.wp-element-button,
.wp-block-button__link,
.marnamic-button,
.marnamic-card__cta,
.hp-membership-plan__select-button,
button,
input[type="submit"]
):is(
:disabled,
[disabled],
[aria-disabled="true"],
[data-disabled="true"],
.disabled,
.is-disabled,
.hp-state--disabled,
.hp-button--disabled,
.button--disabled
) {
color: var(--marnamic-control-muted, rgba(241, 233, 221, 0.58)) !important;
-webkit-text-fill-color: var(--marnamic-control-muted, rgba(241, 233, 221, 0.58)) !important;
background: var(--marnamic-action-disabled) !important;
border-color: rgba(161, 192, 195, 0.24) !important;
box-shadow: none !important;
cursor: not-allowed !important;
opacity: 1 !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.marnamic-filter-lifecycle__choice, .marnamic-filter-lifecycle__cross,
.marnamic-filter-hoai__choice, .marnamic-filter-building-choices label,
.marnamic-filter-volume-choices label, .marnamic-profile-icon-choices label
) {
background: #0f1c1e !important;
border-color: rgba(161, 192, 195, 0.48) !important;
box-shadow: none !important;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.marnamic-filter-lifecycle__choice, .marnamic-filter-lifecycle__cross,
.marnamic-filter-hoai__choice, .marnamic-filter-building-choices label,
.marnamic-filter-volume-choices label, .marnamic-profile-icon-choices label
):has(input:checked) {
background: #315b60 !important;
border-color: #8cc6cb !important;
box-shadow: inset 3px 0 0 #e7fd87 !important;
}
@media (hover: hover) and (pointer: fine) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.marnamic-filter-lifecycle__choice, .marnamic-filter-lifecycle__cross,
.marnamic-filter-hoai__choice, .marnamic-filter-building-choices label,
.marnamic-filter-volume-choices label, .marnamic-profile-icon-choices label
):hover:not(:has(input:checked)) {
background: #20383c !important;
border-color: #61a5ac !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.marnamic-filter-lifecycle__choice, .marnamic-filter-lifecycle__cross,
.marnamic-filter-hoai__choice, .marnamic-filter-building-choices label,
.marnamic-filter-volume-choices label, .marnamic-profile-icon-choices label
):active {
border-color: #e7fd87 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.marnamic-filter-lifecycle__choice, .marnamic-filter-lifecycle__cross,
.marnamic-filter-hoai__choice, .marnamic-filter-building-choices label,
.marnamic-filter-volume-choices label, .marnamic-profile-icon-choices label
):has(input:focus-visible) {
outline: 2px solid #8cc6cb !important;
outline-offset: 3px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
:is(.marnamic-filter-volume-choices label, .marnamic-profile-icon-choices--volume label):has(input:checked) {
box-shadow: inset 0 -3px 0 #e7fd87 !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-form--vendor-search.marnamic-air-search button.hp-form__button:is([data-state="loading"], [aria-busy="true"]) {
position: relative !important;
visibility: visible !important;
opacity: 1 !important;
background: var(--marnamic-action-primary, #61a5ac) !important;
color: transparent !important;
-webkit-text-fill-color: transparent !important;
cursor: progress !important;
}
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search
button.hp-form__button:is([data-state="loading"], [aria-busy="true"])::after {
content: "" !important;
display: block !important;
position: absolute !important;
inset: 0 !important;
margin: auto !important;
width: 24px !important;
height: 24px !important;
box-sizing: border-box !important;
border: 3px solid rgba(19, 33, 36, 0.25) !important;
border-top-color: #132124 !important;
border-radius: 50% !important;
background: none !important;
animation: marnamic-search-submit-spin 0.8s linear infinite !important;
}
@keyframes marnamic-search-submit-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
body.wp-child-theme-marnamic .hp-form--vendor-search.marnamic-air-search
button.hp-form__button:is([data-state="loading"], [aria-busy="true"])::after {
animation: none !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.wp-child-theme-marnamic :is(
.button,
.hp-button,
.hp-form__button,
.marnamic-button,
.marnamic-card__cta,
.hp-listing__action,
.hp-vendor__action
) {
transition-duration: 0.01ms !important;
}
}   @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
:is(.hp-page.marnamic-archive-workspace, .hp-page.site-main) .hp-page__sidebar
:is(.marnamic-archive-filter-shell.marnamic-archive-filter-dialog,
.marnamic-archive-map-shell, .marnamic-map-hotfix--archive,
.marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"]) {
border-radius: var(--marnamic-card-radius, 8px) !important;
}
}
body.wp-child-theme-marnamic {
--marnamic-card-radius: var(--marnamic-ui-radius-md, 8px);
--marnamic-card-media-radius: 6px;
--marnamic-card-space: 16px;
--marnamic-card-gap: 8px;
--marnamic-card-control-height: 44px;
--marnamic-card-surface: #1b2b2f;
--marnamic-card-surface-hover: #203438;
--marnamic-card-border: rgba(161, 192, 195, 0.32);
--marnamic-card-border-hover: rgba(97, 165, 172, 0.72);
--marnamic-card-divider: rgba(161, 192, 195, 0.18);
--marnamic-card-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
--marnamic-card-shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.2);
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
:is(
.hp-vendor--view-block.marnamic-card,
.hp-listing--view-block.marnamic-card,
.post--archive
) {
position: relative !important;
display: flex !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
height: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
flex-direction: column !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-card-surface) !important;
border: 1px solid var(--marnamic-card-border) !important;
border-radius: var(--marnamic-card-radius) !important;
box-shadow: var(--marnamic-card-shadow) !important;
transform: translateY(0) !important;
transition:
background-color 160ms ease,
border-color 160ms ease,
box-shadow 160ms ease,
transform 160ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
:is(
.hp-vendor--view-block.marnamic-card,
.hp-listing--view-block.marnamic-card,
.post--archive
):hover {
background: var(--marnamic-card-surface-hover) !important;
border-color: var(--marnamic-card-border-hover) !important;
box-shadow: var(--marnamic-card-shadow-hover) !important;
transform: translateY(-2px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
:is(
.hp-vendor--view-block.marnamic-card,
.hp-listing--view-block.marnamic-card,
.post--archive
):active {
transform: translateY(0) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
:is(
.hp-vendor--view-block.marnamic-card,
.hp-listing--view-block.marnamic-card,
.post--archive
):focus-within {
outline: 2px solid var(--marnamic-action-focus, #e7fd87) !important;
outline-offset: 3px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__header,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-vendor--view-block.marnamic-card
.hp-vendor__header,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card
.hp-vendor__header,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--listing
.hp-listing__header {
width: 100% !important;
margin: 0 !important;
padding: var(--marnamic-card-space) var(--marnamic-card-space) 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__image,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-vendor--view-block.marnamic-card
.hp-vendor__image,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card
.hp-vendor__image,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--listing
.hp-listing__image {
--marnamic-vendor-card-image-height: auto;
--marnamic-vendor-card-image-min-height: 0;
--marnamic-vendor-card-image-aspect-ratio: 16 / 9;
display: block !important;
width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
border-radius: var(--marnamic-card-media-radius) !important;
box-shadow: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__image
> a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
> a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
> a {
display: flex !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
height: var(--marnamic-vendor-card-image-height, 128px) !important;
min-height: var(--marnamic-vendor-card-image-min-height, 128px) !important;
aspect-ratio: var(--marnamic-vendor-card-image-aspect-ratio, auto) !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: var(--marnamic-vendor-card-image-padding, 16px) !important;
overflow: hidden !important;
background: var(--marnamic-vendor-card-image-background, var(--marnamic-logo-tile, #f1e9dd)) !important;
border: 0 !important;
border-radius: var(--marnamic-vendor-card-image-radius, var(--marnamic-card-media-radius)) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__image
:is(img, .styleguide-logo-tile),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
:is(img, .styleguide-logo-tile),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
:is(img, .styleguide-logo-tile) {
display: block !important;
width: var(--marnamic-vendor-card-media-width, auto) !important;
max-width: var(--marnamic-vendor-card-media-max-width, 100%) !important;
height: var(--marnamic-vendor-card-media-height, auto) !important;
max-height: var(--marnamic-vendor-card-media-max-height, 96px) !important;
object-fit: var(--marnamic-vendor-card-media-object-fit, contain) !important;
object-position: 50% 50% !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--listing
.hp-listing__image
:is(a, img, video, .styleguide-card-image) {
width: 100% !important;
height: 100% !important;
aspect-ratio: 16 / 10 !important;
border-radius: var(--marnamic-card-media-radius) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--listing
.hp-listing__image
:is(img, video) {
display: block !important;
object-fit: cover !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--listing
.hp-listing__featured-badge {
position: absolute !important;
top: 26px !important;
right: 26px !important;
left: auto !important;
padding: 5px 9px !important;
color: var(--marnamic-action-selected-text, #132124) !important;
background: var(--marnamic-action-selected, #61a5ac) !important;
border: 1px solid var(--marnamic-action-selected, #61a5ac) !important;
border-radius: 999px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.marnamic-card__circularity-score,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor-summary
.marnamic-card__circularity-score {
position: absolute !important;
top: 26px !important;
right: 26px !important;
bottom: auto !important;
left: auto !important;
z-index: 4 !important;
display: inline-flex !important;
min-height: 32px !important;
align-items: center !important;
gap: 7px !important;
margin: 0 !important;
padding: 4px 5px 4px 11px !important;
color: var(--marnamic-mint, #a1c0c3) !important;
background: rgba(19, 33, 36, 0.94) !important;
border: 1px solid rgba(97, 165, 172, 0.72) !important;
border-radius: 999px !important;
box-shadow: 0 7px 18px rgba(0, 0, 0, 0.24) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.marnamic-card__circularity-score
strong,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor-summary
.marnamic-card__circularity-score
strong {
display: inline-flex !important;
min-width: 26px !important;
height: 22px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 6px !important;
color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-teal, #61a5ac) !important;
border-radius: 999px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card
:is(.hp-vendor__content, .hp-listing__content),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-vendor--view-block.marnamic-card
.hp-vendor__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card
.hp-vendor__content {
display: flex !important;
min-width: 0 !important;
min-height: 0 !important;
flex: 1 1 auto !important;
flex-direction: column !important;
gap: var(--marnamic-card-gap) !important;
margin: 0 !important;
padding: var(--marnamic-card-space) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card
:is(.hp-vendor__name, .hp-listing__title),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-vendor--view-block.marnamic-card
.hp-vendor__name,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card
.hp-vendor__name {
display: -webkit-box !important;
min-height: 48px !important;
margin: 0 !important;
overflow: hidden !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: -0.02em !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card
:is(.hp-vendor__name, .hp-listing__title)
a {
color: inherit !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__meta {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
gap: var(--marnamic-card-gap) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__description {
display: -webkit-box !important;
min-height: 0 !important;
margin: 0 !important;
overflow: hidden !important;
color: var(--marnamic-text-muted, rgba(241, 233, 221, 0.72)) !important;
font-size: 15px !important;
line-height: 22px !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__identity {
display: flex !important;
min-height: 20px !important;
min-width: 0 !important;
flex-wrap: wrap !important;
align-items: baseline !important;
gap: 6px 8px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__name {
height: 24px !important;
min-height: 24px !important;
max-height: 24px !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
-webkit-line-clamp: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.marnamic-card__identity {
min-height: 40px !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 2px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.marnamic-card__region {
width: 100% !important;
min-height: 20px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.marnamic-card__region--empty {
visibility: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__content
> .marnamic-status-badges {
display: flex !important;
min-height: 28px !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.marnamic-card__meta--vendor {
gap: var(--marnamic-card-gap) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--listing
.hp-listing__details--primary {
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--listing
.hp-listing__created-date {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--listing
.hp-listing__category
a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__role {
padding: 0 !important;
color: var(--marnamic-lime, #e7fd87) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: 0.04em !important;
line-height: 18px !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
:is(.marnamic-card__region, .marnamic-card__location) {
display: inline-flex !important;
min-width: 0 !important;
align-items: center !important;
gap: 6px !important;
color: var(--marnamic-mint, #a1c0c3) !important;
font-size: 14px !important;
font-weight: 650 !important;
line-height: 20px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__tags {
display: flex !important;
height: 62px !important;
min-height: 62px !important;
min-width: 0 !important;
max-height: 62px !important;
flex-wrap: wrap !important;
align-content: flex-start !important;
gap: 6px !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__tag {
display: inline-flex !important;
max-width: 100% !important;
height: 28px !important;
min-height: 28px !important;
align-items: center !important;
padding: 5px 9px !important;
overflow: hidden !important;
color: var(--marnamic-mint, #a1c0c3) !important;
background: rgba(161, 192, 195, 0.08) !important;
border: 1px solid rgba(161, 192, 195, 0.24) !important;
border-radius: 999px !important;
font-size: 13px !important;
font-weight: 650 !important;
line-height: 16px !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card
:is(.hp-vendor__footer, .hp-listing__footer),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-vendor--view-block.marnamic-card
.hp-vendor__footer,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card
.hp-vendor__footer {
display: grid !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: calc(var(--marnamic-card-control-height) + var(--marnamic-card-space)) !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: var(--marnamic-card-gap) !important;
align-self: stretch !important;
align-items: center !important;
justify-self: stretch !important;
margin-top: auto !important;
padding: 0 var(--marnamic-card-space) var(--marnamic-card-space) !important;
background: transparent !important;
border: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-card__cta {
display: inline-flex !important;
width: 100% !important;
min-width: 0 !important;
height: var(--marnamic-card-control-height) !important;
min-height: var(--marnamic-card-control-height) !important;
max-height: var(--marnamic-card-control-height) !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 0 16px !important;
color: var(--marnamic-action-secondary-text, #f1e9dd) !important;
background: var(--marnamic-action-secondary, rgba(15, 25, 27, 0.78)) !important;
border: 1px solid var(--marnamic-action-secondary-border, rgba(161, 192, 195, 0.34)) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
box-shadow: none !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: var(--marnamic-action-text-line-height, 1.25) !important;
text-align: center !important;
text-decoration: none !important;
transition:
background-color 160ms ease,
border-color 160ms ease,
box-shadow 160ms ease,
transform 160ms ease !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card__cta:not(.marnamic-card__matching-cta):is(:hover, :focus-visible) {
color: var(--marnamic-action-secondary-text, #f1e9dd) !important;
background: var(--marnamic-action-secondary-hover, #203337) !important;
border-color: var(--marnamic-action-secondary-border-hover, #61a5ac) !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16) !important;
transform: translateY(-1px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card__cta:active {
box-shadow: none !important;
transform: translateY(0) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card
:is(.hp-vendor__actions, .hp-listing__actions) {
display: flex !important;
min-width: 0 !important;
gap: var(--marnamic-card-gap) !important;
align-items: center !important;
justify-content: flex-end !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card
:is(.hp-vendor__actions, .hp-listing__actions):empty {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card
:is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
) {
display: inline-flex !important;
width: var(--marnamic-card-control-height) !important;
min-width: var(--marnamic-card-control-height) !important;
max-width: var(--marnamic-card-control-height) !important;
height: var(--marnamic-card-control-height) !important;
min-height: var(--marnamic-card-control-height) !important;
max-height: var(--marnamic-card-control-height) !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-mint, #a1c0c3) !important;
background: var(--marnamic-action-secondary, rgba(15, 25, 27, 0.78)) !important;
border: 1px solid var(--marnamic-action-secondary-border, rgba(161, 192, 195, 0.34)) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
box-shadow: none !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card
:is(
.hp-vendor__action,
.hp-listing__action,
.hp-vendor__actions .hp-link,
.hp-listing__actions .hp-link
):is(:hover, :focus-visible, :active, [aria-pressed="true"], .is-active) {
color: var(--marnamic-action-selected-text, #132124) !important;
background: var(--marnamic-action-selected, #61a5ac) !important;
border-color: var(--marnamic-action-selected, #61a5ac) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card__matching-cta {
display: none !important;
color: var(--marnamic-action-accent-text, #132124) !important;
background: var(--marnamic-action-accent, #e7fd87) !important;
border-color: var(--marnamic-action-accent, #e7fd87) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card__matching-cta:is(:hover, :focus-visible, :active) {
color: var(--marnamic-action-accent-text, #132124) !important;
background: var(--marnamic-action-accent-hover, #dffc5f) !important;
border-color: var(--marnamic-action-accent-hover, #dffc5f) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.hp-vendor__footer {
grid-template-areas: "profile message" !important;
grid-template-columns: minmax(0, 1fr) var(--marnamic-card-control-height) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.marnamic-card__cta--profile {
grid-area: profile !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__actions {
grid-area: message !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__footer
.hp-vendor__actions,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__footer
.hp-vendor__actions
> :is(.hp-vendor__action, .hp-link) {
width: var(--marnamic-card-control-height) !important;
min-width: var(--marnamic-card-control-height) !important;
max-width: var(--marnamic-card-control-height) !important;
height: var(--marnamic-card-control-height) !important;
min-height: var(--marnamic-card-control-height) !important;
max-height: var(--marnamic-card-control-height) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.hp-vendor__footer:has(.marnamic-card__matching-cta),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide
.styleguide-card--result.hp-vendor--view-block.marnamic-card
.hp-vendor__footer:has(.marnamic-card__matching-cta) {
grid-template-areas:
"profile message"
"matching matching" !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.marnamic-card--vendor
.marnamic-card__matching-cta,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-styleguide
.styleguide-card--result
.marnamic-card__matching-cta {
display: inline-flex !important;
grid-area: matching !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__footer:not(:has(.hp-vendor__actions:not(:empty)))
.marnamic-card__cta--profile {
grid-column: 1 / -1 !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__summary.marnamic-card--vendor-summary {
--marnamic-profile-summary-columns: minmax(0, 1fr);
--marnamic-profile-summary-areas:
"image"
"status"
"name"
"description"
"actions"
"tags"
"contact"
"phases";
--marnamic-profile-summary-rows: auto;
--marnamic-profile-summary-gap: var(--marnamic-card-gap);
--marnamic-profile-summary-padding: var(--marnamic-card-space);
--marnamic-profile-image-height: clamp(184px, 46vw, 232px);
--marnamic-profile-image-min-height: clamp(184px, 46vw, 232px);
--marnamic-profile-image-padding: 16px;
--marnamic-profile-image-max-width: 90%;
--marnamic-profile-image-max-height: clamp(148px, 38vw, 196px);
--marnamic-profile-name-size: 20px;
--marnamic-profile-name-line-height: 28px;
--marnamic-profile-description-size: 15px;
--marnamic-profile-description-line-height: 1.6;
position: relative !important;
display: grid !important;
min-width: 0 !important;
grid-template-columns: var(--marnamic-profile-summary-columns);
grid-template-areas: var(--marnamic-profile-summary-areas);
grid-template-rows: var(--marnamic-profile-summary-rows);
gap: var(--marnamic-profile-summary-gap) !important;
margin: 0 !important;
padding: var(--marnamic-profile-summary-padding) !important;
overflow: hidden !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-card-surface) !important;
border: 1px solid var(--marnamic-card-border) !important;
border-radius: var(--marnamic-card-radius) !important;
box-shadow: var(--marnamic-card-shadow) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__summary.marnamic-card--vendor-summary
.hp-vendor__image {
grid-area: image;
display: flex !important;
width: 100% !important;
height: var(--marnamic-profile-image-height) !important;
min-height: var(--marnamic-profile-image-min-height) !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: var(--marnamic-profile-image-padding) !important;
overflow: hidden !important;
background: var(--marnamic-logo-tile, #f1e9dd) !important;
border: 0 !important;
border-radius: var(--marnamic-card-media-radius) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__summary.marnamic-card--vendor-summary
.hp-vendor__image
:is(a, img) {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: inherit !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__summary.marnamic-card--vendor-summary
.hp-vendor__image
> a {
display: flex;
width: 100% !important;
height: 100% !important;
align-items: center;
justify-content: center;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__summary.marnamic-card--vendor-summary
.hp-vendor__image
img {
width: auto !important;
max-width: var(--marnamic-profile-image-max-width) !important;
height: auto !important;
max-height: var(--marnamic-profile-image-max-height) !important;
object-fit: contain !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card--vendor
.hp-vendor__image.marnamic-vendor-image--uploaded {
--marnamic-card-media-radius: var(--marnamic-ui-radius-sm, 6px);
--marnamic-vendor-card-image-height: auto;
--marnamic-vendor-card-image-min-height: 0;
--marnamic-vendor-card-image-aspect-ratio: 16 / 9;
--marnamic-vendor-card-image-padding: 0;
--marnamic-vendor-card-image-background: transparent;
--marnamic-vendor-card-image-radius: var(--marnamic-ui-radius-sm, 6px);
--marnamic-vendor-card-media-width: 100%;
--marnamic-vendor-card-media-max-width: none;
--marnamic-vendor-card-media-height: 100%;
--marnamic-vendor-card-media-max-height: none;
--marnamic-vendor-card-media-object-fit: cover;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-page
.hp-vendor__image.marnamic-vendor-image--uploaded {
--marnamic-profile-image-padding: 0;
--marnamic-profile-image-max-width: 100%;
--marnamic-profile-image-max-height: 100%;
--marnamic-logo-tile: transparent;
--marnamic-card-media-radius: var(--marnamic-ui-radius-sm, 6px);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__summary.marnamic-card--vendor-summary
.hp-vendor__name {
grid-area: name;
min-height: 28px;
margin: 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: var(--marnamic-profile-name-size) !important;
font-weight: 400 !important;
line-height: var(--marnamic-profile-name-line-height) !important;
letter-spacing: -0.02em !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__summary.marnamic-card--vendor-summary
> .marnamic-status-badges {
min-height: 28px !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__summary.marnamic-card--vendor-summary
:is(.hp-vendor__details, .hp-vendor__description, .marnamic-vendor-contact) {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding-top: var(--marnamic-profile-section-padding, 14px) !important;
border-top: var(--marnamic-profile-section-border, 1px solid var(--marnamic-card-divider)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__summary.marnamic-card--vendor-summary
.hp-vendor__description {
grid-area: description;
color: var(--marnamic-text-muted, rgba(241, 233, 221, 0.72)) !important;
font-size: var(--marnamic-profile-description-size) !important;
line-height: var(--marnamic-profile-description-line-height) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__summary.marnamic-card--vendor-summary
.marnamic-vendor-profile-tags {
grid-area: tags;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__summary.marnamic-card--vendor-summary
.marnamic-vendor-contact {
--marnamic-vendor-contact-padding: 24px 0 0;
--marnamic-vendor-contact-background: transparent;
--marnamic-vendor-contact-border: 0;
--marnamic-vendor-contact-radius: 0;
--marnamic-profile-section-padding: 24px;
grid-area: contact;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__summary.marnamic-card--vendor-summary
.marnamic-vendor-profile-phases {
grid-area: phases;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__actions--primary.marnamic-card__detail-actions {
display: grid !important;
width: 100% !important;
min-width: 0 !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: var(--marnamic-card-gap) !important;
align-items: stretch !important;
margin: 0 !important;
padding: var(--marnamic-card-space) !important;
background: var(--marnamic-card-surface) !important;
border: 1px solid var(--marnamic-card-border) !important;
border-radius: var(--marnamic-card-radius) !important;
box-shadow: var(--marnamic-card-shadow) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__actions--primary.marnamic-card__detail-actions
> .hp-vendor__action {
display: inline-flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: var(--marnamic-card-control-height) !important;
min-height: var(--marnamic-card-control-height) !important;
max-height: var(--marnamic-card-control-height) !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 16px !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: var(--marnamic-action-text-line-height, 1.25) !important;
text-align: center !important;
text-decoration: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__actions--primary.marnamic-card__detail-actions
> .hp-vendor__action--message {
color: var(--marnamic-action-secondary-text, #f1e9dd) !important;
background: var(--marnamic-action-secondary, rgba(15, 25, 27, 0.78)) !important;
border: 1px solid var(--marnamic-action-secondary-border, rgba(161, 192, 195, 0.34)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor__actions--primary.marnamic-card__detail-actions
> .hp-vendor__action--message:is(:hover, :focus-visible) {
color: var(--marnamic-action-secondary-text, #f1e9dd) !important;
background: var(--marnamic-action-secondary-hover, #203337) !important;
border-color: var(--marnamic-action-secondary-border-hover, #61a5ac) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .post--archive .post__header,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__header--cover {
display: flex !important;
width: 100% !important;
margin: 0 !important;
flex-direction: column !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .post--archive .post__image {
order: 0 !important;
position: relative !important;
width: auto !important;
height: auto !important;
aspect-ratio: 16 / 10 !important;
margin: var(--marnamic-card-space) var(--marnamic-card-space) 0 !important;
overflow: hidden !important;
background: var(--marnamic-panel-soft, #203337) !important;
border-radius: var(--marnamic-card-media-radius) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__image
:is(a, img, .styleguide-card-image) {
display: block !important;
width: 100% !important;
height: 100% !important;
aspect-ratio: 16 / 10 !important;
border-radius: var(--marnamic-card-media-radius) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__image
img {
object-fit: cover !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__image
a::after {
border-radius: var(--marnamic-card-media-radius) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__categories {
order: 1 !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
margin: 0 !important;
padding: var(--marnamic-card-space) var(--marnamic-card-space) 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__categories
a {
min-height: 28px !important;
padding: 5px 9px !important;
color: var(--marnamic-text-muted, rgba(241, 233, 221, 0.72)) !important;
background: rgba(161, 192, 195, 0.08) !important;
border: 1px solid rgba(161, 192, 195, 0.24) !important;
border-radius: 999px !important;
font-size: 11px !important;
line-height: 16px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__categories
a:is(:hover, :focus-visible) {
color: var(--marnamic-action-selected-text, #132124) !important;
background: var(--marnamic-action-selected, #61a5ac) !important;
border-color: var(--marnamic-action-selected, #61a5ac) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .post--archive .post__title {
order: 2 !important;
display: -webkit-box !important;
min-height: 48px !important;
margin: 0 !important;
padding: 12px var(--marnamic-card-space) 0 !important;
overflow: hidden !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: -0.02em !important;
text-wrap: pretty !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__title
a {
color: var(--marnamic-cream, #f1e9dd) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__title
a:hover {
color: var(--marnamic-mint, #a1c0c3) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__content {
display: flex !important;
min-height: 0 !important;
flex: 1 1 auto !important;
flex-direction: column !important;
padding: var(--marnamic-card-space) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__text {
margin: 0 0 var(--marnamic-card-space) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__text
p {
font-size: 15px !important;
line-height: 22px !important;
-webkit-line-clamp: 3 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__details {
display: grid !important;
grid-template-areas:
"date date"
"comments readmore" !important;
grid-template-columns: auto 1fr !important;
gap: var(--marnamic-card-gap) !important;
align-items: center !important;
margin-top: auto !important;
padding-top: var(--marnamic-card-space) !important;
border-top: 1px solid var(--marnamic-card-divider) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
:is(.post__comments, .post__readmore) {
display: inline-flex !important;
width: auto !important;
min-width: 0 !important;
height: var(--marnamic-card-control-height) !important;
min-height: var(--marnamic-card-control-height) !important;
max-height: var(--marnamic-card-control-height) !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 14px !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: var(--marnamic-action-text-line-height, 1.25) !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__comments {
grid-area: comments !important;
justify-self: start !important;
color: var(--marnamic-action-secondary-text, #f1e9dd) !important;
background: var(--marnamic-action-secondary, rgba(15, 25, 27, 0.78)) !important;
border: 1px solid var(--marnamic-action-secondary-border, rgba(161, 192, 195, 0.34)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__comments:is(:hover, :focus-visible) {
background: var(--marnamic-action-secondary-hover, #203337) !important;
border-color: var(--marnamic-action-secondary-border-hover, #61a5ac) !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__readmore {
grid-area: readmore !important;
justify-self: end !important;
color: var(--marnamic-action-primary-text, #132124) !important;
background: var(--marnamic-action-primary, #61a5ac) !important;
border: 1px solid var(--marnamic-action-primary, #61a5ac) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__readmore:is(:hover, :focus-visible) {
color: var(--marnamic-action-primary-text, #132124) !important;
background: var(--marnamic-action-primary-hover, #78b8be) !important;
border-color: var(--marnamic-action-primary-hover, #78b8be) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__author {
display: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-page
.hp-vendor__summary:not(.marnamic-card--vendor-summary) {
position: relative !important;
padding: var(--marnamic-card-space) !important;
background: var(--marnamic-card-surface) !important;
border: 1px solid var(--marnamic-card-border) !important;
border-radius: var(--marnamic-card-radius) !important;
box-shadow: var(--marnamic-card-shadow) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-page
.hp-vendor__summary:not(.marnamic-card--vendor-summary)
.hp-vendor__image {
width: 100% !important;
min-height: clamp(176px, 18vw, 220px) !important;
margin: 0 !important;
padding: clamp(14px, 2vw, 22px) !important;
background: var(--marnamic-logo-tile, #f1e9dd) !important;
border: 0 !important;
border-radius: var(--marnamic-card-media-radius) !important;
} @media (min-width: 900px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary.marnamic-card--vendor-summary {
--marnamic-profile-summary-columns: minmax(280px, 340px) minmax(0, 1fr);
--marnamic-profile-summary-areas:
"image status"
"image name"
"image description"
"image actions"
"tags tags"
"contact contact"
"phases phases";
--marnamic-profile-summary-rows: auto auto minmax(0, 1fr) auto auto auto auto;
--marnamic-profile-summary-gap: 18px clamp(24px, 3vw, 40px);
--marnamic-profile-summary-padding: clamp(24px, 3vw, 36px);
--marnamic-profile-image-height: 100%;
--marnamic-profile-image-min-height: 300px;
--marnamic-profile-image-padding: clamp(20px, 2.4vw, 30px);
--marnamic-profile-image-max-width: 100%;
--marnamic-profile-image-max-height: 280px;
--marnamic-profile-name-size: 2rem;
--marnamic-profile-name-line-height: 1.12;
--marnamic-profile-description-size: 1rem;
--marnamic-profile-description-line-height: 1.65;
align-items: start;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary.marnamic-card--vendor-summary
.hp-vendor__image {
align-self: stretch;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary.marnamic-card--vendor-summary
.hp-vendor__name {
min-width: 0;
padding-right: 0;
overflow-wrap: anywhere;
letter-spacing: 0;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__summary.marnamic-card--vendor-summary > .marnamic-status-badges {
grid-area: status;
position: static !important;
justify-content: flex-start;
max-width: 100%;
pointer-events: auto;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary.marnamic-card--vendor-summary
.hp-vendor__description {
--marnamic-profile-section-padding: 0;
--marnamic-profile-section-border: 0;
max-width: 68ch;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary.marnamic-card--vendor-summary
:is(.marnamic-vendor-profile-tags, .marnamic-vendor-contact) {
margin-top: 0;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary:not(.marnamic-card--vendor-summary) {
display: grid !important;
grid-template-columns: minmax(240px, 30%) minmax(0, 1fr) !important;
grid-template-areas:
"image name"
"image description"
"tags tags"
"contact contact"
"phases phases" !important;
grid-template-rows: auto minmax(0, 1fr) auto auto auto;
gap: 18px clamp(24px, 3vw, 40px) !important;
align-items: start;
padding: clamp(24px, 3vw, 36px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary:not(.marnamic-card--vendor-summary)
.hp-vendor__image {
grid-area: image;
min-height: 280px !important;
height: 100%;
align-self: stretch;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary:not(.marnamic-card--vendor-summary)
.hp-vendor__name {
grid-area: name;
min-width: 0;
padding-right: min(22vw, 230px);
font-size: clamp(1.65rem, 2.5vw, 2.35rem) !important;
line-height: 1.12 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary:not(.marnamic-card--vendor-summary)
.hp-vendor__description {
grid-area: description;
margin: 0 !important;
padding: 0 !important;
border-top: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary:not(.marnamic-card--vendor-summary)
.marnamic-vendor-profile-tags {
grid-area: tags;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary:not(.marnamic-card--vendor-summary)
.marnamic-vendor-contact {
grid-area: contact;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary:not(.marnamic-card--vendor-summary)
.marnamic-vendor-profile-phases {
grid-area: phases;
}
} @media (min-width: 1120px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary.marnamic-card--vendor-summary {
--marnamic-profile-summary-areas:
"image status"
"image name"
"image description"
"image actions"
"contact tags"
"phases phases";
--marnamic-profile-summary-rows: auto auto minmax(0, 1fr) auto auto auto;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary.marnamic-card--vendor-summary
.marnamic-vendor-contact {
align-self: start;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary.marnamic-card--vendor-summary:not(:has(.marnamic-vendor-contact)) {
--marnamic-profile-summary-areas:
"image status"
"image name"
"image description"
"image actions"
"tags tags"
"phases phases";
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__actions--primary.marnamic-vendor-actions--own-profile {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__summary.marnamic-card--vendor-summary
> .hp-vendor__actions--primary.marnamic-card__detail-actions:not(.marnamic-vendor-actions--own-profile) {
display: grid !important;
grid-area: actions !important;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
@media (min-width: 1180px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor__summary.marnamic-card--vendor-summary:has(> .marnamic-vendor-actions--own-profile) {
--marnamic-profile-summary-areas:
"image status"
"image name"
"image description"
"contact tags"
"phases phases";
--marnamic-profile-summary-rows: auto auto minmax(0, 1fr) auto auto;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-page__sidebar
:is(.hp-vendor--view-block, .hp-listing--view-block).marnamic-card {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
flex-direction: column !important;
} @media (max-width: 720px) {
body.wp-child-theme-marnamic {
--marnamic-card-space: 12px;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-page__content .hp-vendors.hp-block.hp-grid
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-page__content .hp-vendors.hp-block.hp-grid
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor {
block-size: auto !important;
height: auto !important;
min-block-size: 0 !important;
min-height: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor .hp-vendor__content {
flex: 0 1 auto !important;
gap: 8px !important;
padding: 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor .hp-vendor__name {
order: 1 !important;
height: 26px !important;
min-height: 26px !important;
max-height: 26px !important;
font-size: 20px !important;
line-height: 26px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor .marnamic-card__meta--vendor {
order: 2 !important;
gap: 6px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor .marnamic-card__identity {
min-height: 40px !important;
gap: 4px 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor .marnamic-card__tags {
height: auto !important;
min-height: 0 !important;
max-height: 56px !important;
gap: 5px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor .hp-vendor__footer {
min-height: 56px !important;
margin-top: 0 !important;
padding: 0 12px 12px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary.marnamic-card--vendor-summary
.hp-vendor__image.marnamic-vendor-image--uploaded {
height: auto !important;
min-height: 0 !important;
aspect-ratio: 16 / 9 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: var(--marnamic-card-media-radius, 6px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendor-view-page
.hp-vendor--view-page
.hp-vendor__summary.marnamic-card--vendor-summary
.hp-vendor__image.marnamic-vendor-image--uploaded
img {
width: 100% !important;
max-width: none !important;
height: 100% !important;
max-height: none !important;
aspect-ratio: 16 / 9 !important;
object-fit: cover !important;
object-position: 50% 50% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor
.hp-vendor__image
> a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
> a,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-search-results--vendor
.hp-vendor--view-block.marnamic-card
.hp-vendor__image
> a {
height: 120px !important;
min-height: 120px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.marnamic-card__circularity-score,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--vendor-summary
.marnamic-card__circularity-score,
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.marnamic-card--listing
.hp-listing__featured-badge {
top: 22px !important;
right: 22px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__title {
padding-top: 12px !important;
}
}
@media (max-width: 520px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
.post__details {
grid-template-areas:
"date"
"comments"
"readmore" !important;
grid-template-columns: minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.post--archive
:is(.post__comments, .post__readmore) {
width: 100% !important;
justify-self: stretch !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic
:is(
.hp-vendor--view-block.marnamic-card,
.hp-listing--view-block.marnamic-card,
.post--archive
) {
transition: none !important;
}
}  body.wp-child-theme-marnamic .marnamic-status-badges {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 6px !important;
min-width: 0 !important;
margin: 0 0 12px !important;
}
body.wp-child-theme-marnamic .marnamic-status-badges:empty {
display: none !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-status-badge {
box-sizing: border-box !important;
display: inline-flex !important;
width: auto !important;
min-width: 0 !important;
height: 28px !important;
min-height: 28px !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 10px !important;
color: var(--marnamic-text-muted, #a1c0c3) !important;
background: rgba(15, 25, 27, 0.94) !important;
border: 1px solid rgba(161, 192, 195, 0.3) !important;
border-radius: 999px !important;
box-shadow: none !important;
font-family: inherit !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .marnamic-status-badge--verified {
color: #e7fd87 !important;
background: #0f191b !important;
border-color: rgba(231, 253, 135, 0.52) !important;
}
body.wp-child-theme-marnamic .marnamic-status-badge--online {
color: var(--marnamic-cream, #f1e9dd) !important;
background: rgba(28, 91, 63, 0.96) !important;
border-color: rgba(104, 211, 145, 0.34) !important;
}
body.wp-child-theme-marnamic .marnamic-status-badge--neutral {
color: var(--marnamic-text-muted, #a1c0c3) !important;
background: rgba(15, 25, 27, 0.94) !important;
border-color: rgba(161, 192, 195, 0.25) !important;
}
body.wp-child-theme-marnamic .marnamic-status-badge__dot {
flex: 0 0 8px !important;
width: 8px !important;
height: 8px !important;
background: rgba(161, 192, 195, 0.62) !important;
border: 1px solid rgba(241, 233, 221, 0.24) !important;
border-radius: 50% !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .marnamic-status-badge--online .marnamic-status-badge__dot {
background: var(--marnamic-success, #68d391) !important;
border-color: rgba(104, 211, 145, 0.9) !important;
box-shadow: 0 0 0 3px rgba(104, 211, 145, 0.12) !important;
}
body.wp-child-theme-marnamic .marnamic-status-badge__icon {
flex: 0 0 14px !important;
width: 14px !important;
height: 14px !important;
color: currentColor !important;
}
body.wp-child-theme-marnamic :is(a, button).marnamic-status-badge:focus-visible {
outline: 3px solid rgba(231, 253, 135, 0.44) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block) .marnamic-status-badges {
margin-bottom: 10px !important;
}
body.wp-child-theme-marnamic :is(.hp-vendor--view-block, .hp-listing--view-block) .marnamic-status-badge {
height: 26px !important;
min-height: 26px !important;
padding-inline: 9px !important;
font-size: 0.74rem !important;
}
:is(.marnamic-card--vendor .hp-vendor__content,.hp-vendor__summary)>.marnamic-status-badges{position:absolute;justify-content:flex-end;pointer-events:none}
.marnamic-card--vendor .hp-vendor__content>.marnamic-status-badges{top:calc(var(--marnamic-card-space,16px) + 10px);right:calc(var(--marnamic-card-space,16px) + 10px);max-width:calc(100% - (2 * var(--marnamic-card-space,16px)) - 20px)}
.hp-vendor__summary>.marnamic-status-badges{top:calc(clamp(18px,2vw,24px) + 10px);right:calc(clamp(18px,2vw,24px) + 10px);max-width:calc(100% - (2 * clamp(18px,2vw,24px)) - 20px)}
body.wp-child-theme-marnamic .hp-vendor__name,
body.wp-child-theme-marnamic .hp-listing__title {
min-width: 0 !important;
} body.wp-child-theme-marnamic .hp-badges {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px !important;
}
body.wp-child-theme-marnamic .hp-badge.hp-badge--marnamic {
box-sizing: border-box !important;
display: inline-flex !important;
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: transparent !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .hp-badge.hp-badge--marnamic .hp-badge__icon {
box-sizing: border-box !important;
display: inline-flex !important;
position: relative !important;
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
align-items: center !important;
justify-content: center !important;
color: #132124 !important;
background-color: #e7fd87 !important;
border: 0 !important;
border-radius: 50% !important;
}
body.wp-child-theme-marnamic .hp-badge.hp-badge--marnamic .hp-badge__icon::before {
display: none !important;
content: none !important;
-webkit-mask: none !important;
mask: none !important;
}
body.wp-child-theme-marnamic .hp-badge.hp-badge--marnamic .hp-badge__icon > i {
display: inline-block !important;
width: auto !important;
height: auto !important;
color: currentColor !important;
font-size: 18px !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .hp-badge.hp-badge--marnamic .hp-badge__icon > svg {
display: block !important;
width: 18px !important;
height: 18px !important;
color: currentColor !important;
}
body.wp-child-theme-marnamic .hp-badge.hp-badge--marnamic .hp-badge__icon > small {
display: flex !important;
position: absolute !important;
top: -2px !important;
right: -2px !important;
width: 14px !important;
height: 14px !important;
align-items: center !important;
justify-content: center !important;
color: #132124 !important;
background: var(--marnamic-cream, #f1e9dd) !important;
border: 1px solid #132124 !important;
border-radius: 50% !important;
font-size: 8px !important;
font-weight: 800 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .hp-badge.hp-badge--marnamic .hp-badge__name {
display: block !important;
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .hp-vendor__image {
position: relative !important;
}
body.wp-child-theme-marnamic .hp-vendor__image > .marnamic-achievement-badges {
display: flex !important;
position: absolute !important;
z-index: 6 !important;
top: 12px !important;
left: 12px !important;
width: auto !important;
max-width: calc(100% - 24px) !important;
margin: 0 !important;
pointer-events: none !important;
} @media (max-width: 899px) {
body.wp-child-theme-marnamic
.hp-vendor__summary.marnamic-card--vendor-summary
> .marnamic-status-badges {
position: static;
grid-area: status;
max-width: none;
justify-content: flex-start;
}
}
@media (max-width: 520px) {
body.wp-child-theme-marnamic .marnamic-status-badges {
gap: 5px !important;
margin-bottom: 10px !important;
}
body.wp-child-theme-marnamic .marnamic-status-badge {
max-width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-vendor--view-block.marnamic-card.marnamic-card--vendor
.hp-vendor__content
> .marnamic-status-badges {
top: calc(var(--marnamic-card-space, 16px) + 8px);
right: calc(var(--marnamic-card-space, 16px) + 8px);
max-width: calc(100% - (2 * var(--marnamic-card-space, 16px)) - 16px);
}
}  :root {
--mn-cookie-bg: #0b241f;
--mn-cookie-surface: #102d26;
--mn-cookie-text: #faf7ef;
--mn-cookie-muted: rgba(250, 247, 239, 0.72);
--mn-cookie-line: rgba(250, 247, 239, 0.13);
--mn-cookie-accent: #5cb7ad;
--mn-cookie-accent-hover: #73c8be;
--mn-cookie-secondary: #1b2629;
--mn-cookie-secondary-hover: #24383c;
--mn-cookie-secondary-border: rgba(161, 192, 195, 0.38);
--mn-cookie-secondary-border-hover: rgba(92, 183, 173, 0.78);
--mn-cookie-banner-border: rgba(161, 192, 195, 0.28);
--mn-cookie-focus: #e7fd87;
} body.wp-child-theme-marnamic #cr-modal-backdrop {
display: none !important;
} body.wp-child-theme-marnamic #cr-banner:is(
.cr-bottom-bar,
.cr-top-bar,
.cr-modal-center,
.cr-floating
) {
border: 1px solid var(--mn-cookie-banner-border) !important;
outline: 0 !important;
}
body.wp-child-theme-marnamic #cr-banner.cr-drawer {
border: 0 !important;
border-left: 1px solid var(--mn-cookie-banner-border) !important;
outline: 0 !important;
}
[dir="rtl"] body.wp-child-theme-marnamic #cr-banner.cr-drawer {
border-right: 1px solid var(--mn-cookie-banner-border) !important;
border-left: 0 !important;
}
body.wp-child-theme-marnamic #cr-modal {
display: flex !important;
flex-direction: column !important;
box-sizing: border-box !important;
width: min(720px, calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
max-height: calc(100dvh - 32px) !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
padding: 0 !important;
border: 1px solid rgba(231, 253, 135, 0.2) !important;
border-radius: 24px !important;
background: var(--mn-cookie-bg) !important;
box-shadow: 0 28px 90px rgba(0, 0, 0, 0.52) !important;
color: var(--mn-cookie-text) !important;
}
body.wp-child-theme-marnamic #cr-modal :is(
.cr-modal-header,
#cr-categories-list,
.cr-modal-footer
) {
background: transparent !important;
}
body.wp-child-theme-marnamic #cr-modal .cr-modal-header {
padding: 32px 32px 20px !important;
}
body.wp-child-theme-marnamic #cr-modal #cr-modal-desc {
box-sizing: border-box !important;
width: 100% !important;
margin: 0 !important;
padding: 0 32px 16px !important;
}
body.wp-child-theme-marnamic #cr-modal #cr-categories-list {
box-sizing: border-box !important;
flex: 0 1 auto !important;
min-height: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
scrollbar-gutter: stable;
scrollbar-width: thin;
scrollbar-color: rgba(161, 192, 195, 0.42) transparent;
padding: 0 32px !important;
}
body.wp-child-theme-marnamic #cr-modal #cr-categories-list::-webkit-scrollbar {
width: 8px;
}
body.wp-child-theme-marnamic #cr-modal #cr-categories-list::-webkit-scrollbar-track {
background: transparent;
}
body.wp-child-theme-marnamic #cr-modal #cr-categories-list::-webkit-scrollbar-thumb {
background: rgba(161, 192, 195, 0.42);
border: 2px solid transparent;
border-radius: 999px;
background-clip: padding-box;
}
body.wp-child-theme-marnamic #cr-modal .cr-modal-footer {
gap: 12px !important;
padding: 24px 32px 44px !important;
border-top: 1px solid var(--mn-cookie-line) !important;
}
body.wp-child-theme-marnamic #cr-modal-title,
body.wp-child-theme-marnamic #cr-modal-desc,
body.wp-child-theme-marnamic .cr-category-label,
body.wp-child-theme-marnamic .cr-category-description {
color: var(--mn-cookie-text) !important;
}
body.wp-child-theme-marnamic #cr-modal-desc,
body.wp-child-theme-marnamic .cr-category-description {
color: var(--mn-cookie-muted) !important;
font-size: 0.9375rem !important;
line-height: 1.55 !important;
}
body.wp-child-theme-marnamic #cr-modal-close {
color: rgba(250, 247, 239, 0.66) !important;
}
body.wp-child-theme-marnamic #cr-modal-close:hover,
body.wp-child-theme-marnamic #cr-modal-close:focus-visible {
background: rgba(250, 247, 239, 0.08) !important;
color: var(--mn-cookie-text) !important;
}
body.wp-child-theme-marnamic .cr-category-item {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 20px 0 !important;
border: 0 !important;
border-bottom: 1px solid var(--mn-cookie-line) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .cr-category-item:last-child {
border-bottom: 0 !important;
}
body.wp-child-theme-marnamic .cr-category-item > div {
min-width: 0 !important;
}
body.wp-child-theme-marnamic .cr-required-badge {
background: rgba(231, 253, 135, 0.12) !important;
color: var(--mn-cookie-focus) !important;
}
body.wp-child-theme-marnamic .cr-toggle {
position: relative !important;
display: inline-block !important;
flex: 0 0 44px !important;
width: 44px !important;
height: 26px !important;
margin: 2px 0 0 20px !important;
direction: ltr !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic .cr-toggle > input[type="checkbox"] {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
border: 0 !important;
opacity: 0 !important;
appearance: none !important;
}
body.wp-child-theme-marnamic .cr-toggle-slider {
position: absolute !important;
inset: 0 !important;
display: block !important;
box-sizing: border-box !important;
width: 44px !important;
height: 26px !important;
border: 1px solid rgba(250, 247, 239, 0.28) !important;
border-radius: 999px !important;
background: rgba(250, 247, 239, 0.12) !important;
box-shadow: none !important;
outline: 0 !important;
opacity: 1 !important;
transition: background-color 160ms ease, border-color 160ms ease, opacity 160ms ease !important;
}
body.wp-child-theme-marnamic .cr-toggle input:checked + .cr-toggle-slider {
border-color: var(--mn-cookie-accent) !important;
background: var(--mn-cookie-accent) !important;
} body.wp-child-theme-marnamic #cr-modal .cr-toggle > input[type="checkbox"] + .cr-toggle-slider::before {
content: none !important;
position: static !important;
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-width: 0 !important;
border-style: none !important;
border-color: transparent !important;
border-radius: 0 !important;
background: none !important;
box-shadow: none !important;
opacity: 0 !important;
transform: none !important;
}
body.wp-child-theme-marnamic #cr-modal .cr-toggle > input[type="checkbox"] + .cr-toggle-slider::after {
content: "" !important;
position: absolute !important;
inset: 3px auto auto 3px !important;
display: block !important;
box-sizing: border-box !important;
width: 18px !important;
height: 18px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-width: 0 !important;
border-style: none !important;
border-color: transparent !important;
border-radius: 50% !important;
background-color: var(--mn-cookie-text) !important;
background-image: none !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28) !important;
opacity: 1 !important;
clip: auto !important;
clip-path: none !important;
-webkit-mask: none !important;
mask: none !important;
filter: none !important;
transform: translate3d(0, 0, 0) !important;
transform-origin: center !important;
transition: transform 160ms ease, background-color 160ms ease !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic #cr-modal .cr-toggle > input[type="checkbox"]:checked + .cr-toggle-slider::after {
background-color: var(--mn-cookie-surface) !important;
opacity: 1 !important;
transform: translate3d(18px, 0, 0) !important;
}
body.wp-child-theme-marnamic .cr-toggle input:disabled + .cr-toggle-slider {
cursor: not-allowed !important;
opacity: 0.65 !important;
}
body.wp-child-theme-marnamic .cr-toggle input:focus,
body.wp-child-theme-marnamic .cr-toggle input:focus-visible {
outline: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .cr-toggle input:focus-visible + .cr-toggle-slider {
outline: 2px solid var(--mn-cookie-focus) !important;
outline-offset: 3px !important;
box-shadow: none !important;
} body.wp-child-theme-marnamic #cr-open-preferences {
--mn-cookie-config-background: transparent;
--mn-cookie-config-border: rgba(250, 247, 239, 0.34);
--mn-cookie-config-color: var(--mn-cookie-text);
background: var(--mn-cookie-config-background) !important;
border-color: var(--mn-cookie-config-border) !important;
color: var(--mn-cookie-config-color) !important;
-webkit-text-fill-color: var(--mn-cookie-config-color) !important;
}
body.wp-child-theme-marnamic #cr-open-preferences:is(:hover, :focus-visible) {
--mn-cookie-config-background: rgba(250, 247, 239, 0.08);
--mn-cookie-config-border: rgba(250, 247, 239, 0.7);
}
body.wp-child-theme-marnamic #cr-reject-all {
--mn-cookie-reject-background: var(--mn-cookie-secondary);
--mn-cookie-reject-border: var(--mn-cookie-secondary-border);
--mn-cookie-reject-color: var(--mn-cookie-text);
background: var(--mn-cookie-reject-background) !important;
border-color: var(--mn-cookie-reject-border) !important;
color: var(--mn-cookie-reject-color) !important;
-webkit-text-fill-color: var(--mn-cookie-reject-color) !important;
}
body.wp-child-theme-marnamic #cr-reject-all:is(:hover, :focus-visible) {
--mn-cookie-reject-background: var(--mn-cookie-secondary-hover);
--mn-cookie-reject-border: var(--mn-cookie-secondary-border-hover);
}
body.wp-child-theme-marnamic #cr-accept-all {
--mn-cookie-banner-accept-background: var(--mn-cookie-accent);
--mn-cookie-banner-accept-border: var(--mn-cookie-accent);
--mn-cookie-banner-accept-color: var(--mn-cookie-surface);
background: var(--mn-cookie-banner-accept-background) !important;
border-color: var(--mn-cookie-banner-accept-border) !important;
color: var(--mn-cookie-banner-accept-color) !important;
-webkit-text-fill-color: var(--mn-cookie-banner-accept-color) !important;
}
body.wp-child-theme-marnamic #cr-accept-all:is(:hover, :focus-visible) {
--mn-cookie-banner-accept-background: var(--mn-cookie-accent-hover);
--mn-cookie-banner-accept-border: var(--mn-cookie-accent-hover);
}
body.wp-child-theme-marnamic #cr-save-preferences {
--mn-cookie-save-background: transparent;
--mn-cookie-save-border: rgba(250, 247, 239, 0.7);
--mn-cookie-save-color: var(--mn-cookie-text);
min-height: 44px !important;
border-color: var(--mn-cookie-save-border) !important;
background: var(--mn-cookie-save-background) !important;
color: var(--mn-cookie-save-color) !important;
-webkit-text-fill-color: var(--mn-cookie-save-color) !important;
}
body.wp-child-theme-marnamic #cr-save-preferences:hover,
body.wp-child-theme-marnamic #cr-save-preferences:focus-visible {
--mn-cookie-save-background: rgba(250, 247, 239, 0.08);
--mn-cookie-save-border: var(--mn-cookie-text);
--mn-cookie-save-color: var(--mn-cookie-text);
}
body.wp-child-theme-marnamic #cr-save-preferences:disabled {
--mn-cookie-save-background: transparent;
--mn-cookie-save-border: rgba(250, 247, 239, 0.5);
--mn-cookie-save-color: rgba(250, 247, 239, 0.72);
opacity: 1 !important;
}
body.wp-child-theme-marnamic #cr-modal-accept-all {
--mn-cookie-accept-background: var(--mn-cookie-accent);
--mn-cookie-accept-border: var(--mn-cookie-accent);
--mn-cookie-accept-color: var(--mn-cookie-surface);
min-height: 44px !important;
border-color: var(--mn-cookie-accept-border) !important;
background: var(--mn-cookie-accept-background) !important;
color: var(--mn-cookie-accept-color) !important;
-webkit-text-fill-color: var(--mn-cookie-accept-color) !important;
opacity: 1 !important;
}
body.wp-child-theme-marnamic #cr-modal-accept-all:hover,
body.wp-child-theme-marnamic #cr-modal-accept-all:focus-visible {
--mn-cookie-accept-background: var(--mn-cookie-accent-hover);
--mn-cookie-accept-border: var(--mn-cookie-accent-hover);
}
@media (max-width: 760px) {
body.wp-child-theme-marnamic #cr-modal {
width: calc(100vw - 24px) !important;
max-width: calc(100vw - 24px) !important;
max-height: calc(100dvh - 24px) !important;
border-radius: 18px !important;
}
body.wp-child-theme-marnamic #cr-modal .cr-modal-header {
padding: 24px 20px 16px !important;
}
body.wp-child-theme-marnamic #cr-modal #cr-modal-desc {
padding: 0 20px 12px !important;
}
body.wp-child-theme-marnamic #cr-modal #cr-categories-list {
padding: 0 20px !important;
}
body.wp-child-theme-marnamic #cr-modal .cr-modal-footer {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
padding: 20px 20px 32px !important;
}
body.wp-child-theme-marnamic #cr-modal .cr-modal-footer .cr-btn {
width: 100% !important;
white-space: normal !important;
}
}  body.wp-child-theme-marnamic,
body.hp-theme--listinghive {
--marnamic-modal-surface: linear-gradient(180deg, rgba(24, 39, 43, 0.99), rgba(15, 25, 27, 0.99));
--marnamic-modal-border: rgba(161, 192, 195, 0.3);
--marnamic-modal-radius: 14px;
--marnamic-modal-shadow: 0 28px 84px rgba(0, 0, 0, 0.46);
--marnamic-modal-overlay: rgba(8, 18, 20, 0.88);
--marnamic-modal-close-size: 44px;
--marnamic-modal-close-bg: rgba(15, 25, 27, 0.9);
--marnamic-modal-close-bg-hover: rgba(36, 56, 60, 0.98);
--marnamic-modal-close-border: rgba(161, 192, 195, 0.38);
--marnamic-modal-close-border-hover: rgba(97, 165, 172, 0.9);
--marnamic-modal-focus: rgba(97, 165, 172, 0.72);
}
body.wp-child-theme-marnamic .fancybox-bg {
background: var(--marnamic-modal-overlay) !important;
}
body.wp-child-theme-marnamic :is(
.hp-modal.fancybox-content,
#cr-modal,
.styleguide-modal-preview
) {
box-sizing: border-box !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-modal-surface) !important;
background-image: var(--marnamic-modal-surface) !important;
border: 1px solid var(--marnamic-modal-border) !important;
border-radius: var(--marnamic-modal-radius) !important;
box-shadow: var(--marnamic-modal-shadow) !important;
}
body.wp-child-theme-marnamic .hp-modal.fancybox-content:not(
#user_login_modal,
#user_register_modal,
#user_password_request_modal,
#listing_filter_modal,
#vendor_filter_modal
) {
width: min(680px, calc(100vw - 32px)) !important;
min-width: 0 !important;
max-width: calc(100vw - 32px) !important;
max-height: calc(100dvh - 32px) !important;
padding: clamp(26px, 4vw, 40px) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
body.wp-child-theme-marnamic .hp-modal.fancybox-content:not(
#user_login_modal,
#user_register_modal,
#user_password_request_modal
) > .hp-modal__title {
max-width: calc(100% - 62px) !important;
margin: 0 62px 24px 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-family: var(--marnamic-font-display, inherit) !important;
font-size: clamp(1.75rem, 4vw, 2.35rem) !important;
font-weight: 400 !important;
line-height: 1.12 !important;
text-wrap: balance !important;
}
body.wp-child-theme-marnamic .hp-modal.fancybox-content .hp-form,
body.wp-child-theme-marnamic .hp-modal.fancybox-content .hp-form__fields,
body.wp-child-theme-marnamic .hp-modal.fancybox-content .hp-form__footer {
width: 100% !important;
max-width: none !important;
}
body.wp-child-theme-marnamic .styleguide-modal-preview {
position: relative;
width: 100% !important;
max-width: 100% !important;
min-height: 250px;
padding: 28px;
}
body.wp-child-theme-marnamic :is(
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-close-small,
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-button--close,
.hp-modal__close,
#cr-modal-close,
.marnamic-air-search__mobile-close,
.marnamic-listing-search__mobile-close,
.mn-support__close,
.marnamic-modal-close,
.marnamic-modal-close-demo
) {
display: var(--marnamic-modal-close-display, inline-flex) !important;
box-sizing: border-box !important;
width: var(--marnamic-modal-close-size) !important;
min-width: var(--marnamic-modal-close-size) !important;
max-width: var(--marnamic-modal-close-size) !important;
height: var(--marnamic-modal-close-size) !important;
min-height: var(--marnamic-modal-close-size) !important;
max-height: var(--marnamic-modal-close-size) !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-modal-close-bg) !important;
background-image: none !important;
border: 1px solid var(--marnamic-modal-close-border) !important;
border-radius: 50% !important;
box-shadow: none !important;
font-family: Arial, sans-serif !important;
font-size: 26px !important;
font-weight: 400 !important;
line-height: 1 !important;
text-decoration: none !important;
text-indent: 0 !important;
opacity: 1 !important;
cursor: pointer !important;
-webkit-appearance: none !important;
appearance: none !important;
-webkit-tap-highlight-color: transparent !important;
touch-action: manipulation !important;
} body.wp-child-theme-marnamic form:not(.marnamic-air-search--mobile-open) > .marnamic-air-search__mobile-close,
body.wp-child-theme-marnamic form:not(.marnamic-listing-search--mobile-open) > .marnamic-listing-search__mobile-close {
--marnamic-modal-close-display: none;
}
body.wp-child-theme-marnamic :is(
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-close-small,
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-button--close,
.hp-modal__close,
.marnamic-modal-close-demo
) {
position: absolute !important;
top: 14px !important;
right: 14px !important;
z-index: 20 !important;
}
body.wp-child-theme-marnamic :is(
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-close-small,
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-button--close
) svg {
display: block !important;
width: 19px !important;
height: 19px !important;
color: currentColor !important;
fill: currentColor !important;
}
body.wp-child-theme-marnamic :is(
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-close-small,
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-button--close
) svg path {
fill: currentColor !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
> :is(.fancybox-close-small, .fancybox-button--close) {
top: 14px !important;
right: 14px !important;
width: var(--marnamic-modal-close-size) !important;
min-width: var(--marnamic-modal-close-size) !important;
max-width: var(--marnamic-modal-close-size) !important;
height: var(--marnamic-modal-close-size) !important;
min-height: var(--marnamic-modal-close-size) !important;
max-height: var(--marnamic-modal-close-size) !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-modal-close-bg) !important;
border-color: var(--marnamic-modal-close-border) !important;
border-radius: 50% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic
.fancybox-container.fancybox-is-open
:is(#user_login_modal, #user_register_modal, #user_password_request_modal)
> :is(.fancybox-close-small, .fancybox-button--close):is(:hover, :focus-visible) {
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-modal-close-bg-hover) !important;
border-color: var(--marnamic-modal-close-border-hover) !important;
}
body.wp-child-theme-marnamic :is(
.marnamic-air-search__mobile-close,
.marnamic-listing-search__mobile-close,
.mn-support__close,
.marnamic-modal-close,
.marnamic-modal-close-demo
) > span {
display: block !important;
transform: translateY(-1px) !important;
}
body.wp-child-theme-marnamic :is(
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-close-small,
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-button--close,
.hp-modal__close,
#cr-modal-close,
.marnamic-air-search__mobile-close,
.marnamic-listing-search__mobile-close,
.mn-support__close,
.marnamic-modal-close,
.marnamic-modal-close-demo
):is(:hover, :focus-visible) {
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-modal-close-bg-hover) !important;
border-color: var(--marnamic-modal-close-border-hover) !important;
transform: none !important;
}
body.wp-child-theme-marnamic :is(
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-close-small,
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-button--close,
.hp-modal__close,
#cr-modal-close,
.marnamic-air-search__mobile-close,
.marnamic-listing-search__mobile-close,
.mn-support__close,
.marnamic-modal-close,
.marnamic-modal-close-demo
):focus-visible {
outline: 3px solid var(--marnamic-modal-focus) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic #cr-modal {
border-radius: var(--marnamic-modal-radius) !important;
}
body.wp-child-theme-marnamic #cr-modal-close,
body.wp-child-theme-marnamic .mn-support__close {
position: relative !important;
inset: auto !important;
flex: 0 0 var(--marnamic-modal-close-size) !important;
}
@media (max-width: 640px) {
body.wp-child-theme-marnamic .fancybox-slide--html {
padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)) !important;
}
body.wp-child-theme-marnamic .hp-modal.fancybox-content:not(
#user_login_modal,
#user_register_modal,
#user_password_request_modal
) {
width: 100% !important;
max-width: 100% !important;
max-height: calc(100dvh - 24px) !important;
padding: 24px 18px !important;
border-radius: 12px !important;
}
body.wp-child-theme-marnamic .hp-modal.fancybox-content:not(
#user_login_modal,
#user_register_modal,
#user_password_request_modal
) > .hp-modal__title {
max-width: calc(100% - 56px) !important;
margin-right: 56px !important;
margin-bottom: 20px !important;
font-size: clamp(1.55rem, 8vw, 2rem) !important;
}
body.wp-child-theme-marnamic :is(
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-close-small,
.fancybox-container.fancybox-is-open .hp-modal > .fancybox-button--close,
.hp-modal__close,
.marnamic-modal-close-demo
) {
top: 12px !important;
right: 12px !important;
}
body.wp-child-theme-marnamic #cr-modal {
width: min(100%, calc(100vw - 24px)) !important;
max-width: calc(100vw - 24px) !important;
max-height: calc(100dvh - 24px) !important;
border-radius: 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic :is(
.hp-form--vendor-search.marnamic-air-search.marnamic-air-search--mobile-open > .marnamic-air-search__mobile-close,
.hp-form--listing-search.marnamic-listing-search--mobile-open > .marnamic-listing-search__mobile-close
) {
top: calc(8px + env(safe-area-inset-top)) !important;
right: 14px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-modal-close-bg) !important;
border-color: var(--marnamic-modal-close-border) !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.wp-child-theme-marnamic :is(
.fancybox-close-small,
.fancybox-button--close,
.hp-modal__close,
#cr-modal-close,
.marnamic-air-search__mobile-close,
.marnamic-listing-search__mobile-close,
.mn-support__close
) {
transition: none !important;
}
}  body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog {
position: fixed !important;
inset: 0 !important;
z-index: 10050 !important;
display: none !important;
width: 100% !important;
height: 100% !important;
align-items: center !important;
justify-items: center !important;
padding: clamp(16px, 4vw, 40px) !important;
overflow: hidden !important;
background: rgba(7, 17, 19, 0.78) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible:is(.marnamic-archive-search-results, .marnamic-vendor-discovery) {
overflow: hidden !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog {
display: grid !important;
}
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog
> :is(.hp-widget--vendor-filter, .hp-widget--listing-filter) {
position: relative !important;
display: block !important;
width: min(720px, 100%) !important;
max-width: 720px !important;
max-height: min(820px, calc(100dvh - clamp(32px, 8vw, 80px))) !important;
margin: 0 !important;
padding: 28px 24px 24px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: linear-gradient(180deg, #18272b 0%, #132124 100%) !important;
border: 1px solid rgba(161, 192, 195, 0.34) !important;
border-radius: 14px !important;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42) !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
}
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog
:is(.hp-modal, .hp-modal--mobile) {
position: static !important;
inset: auto !important;
z-index: auto !important;
display: block !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
clip: auto !important;
clip-path: none !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog
:is(.hp-form--vendor-filter, .hp-form--listing-filter) {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog
.marnamic-archive-filter-close {
position: sticky !important;
top: 0 !important;
z-index: 3 !important;
float: right !important;
margin: 0 0 12px 16px !important;
}
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog
.marnamic-archive-filter-close + :is(.hp-modal, .hp-modal--mobile) {
clear: both !important;
} body.wp-child-theme-marnamic.marnamic-archive-search-results
.marnamic-archive-workspace-actions
.marnamic-archive-filter-button {
display: inline-flex !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results
.marnamic-archive-workspace-actions
.marnamic-archive-filter-button.is-panel-visible {
color: var(--marnamic-cream, #f1e9dd) !important;
background: rgba(5, 113, 124, 0.72) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results
.marnamic-archive-workspace-actions
.marnamic-archive-filter-button.is-panel-visible:is(:hover, :focus-visible) {
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-teal-dark, #05717c) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
} body.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-page__header
.marnamic-archive-discovery-filter-button {
position: relative !important;
display: inline-flex !important;
visibility: visible !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
align-items: center !important;
justify-content: center !important;
justify-self: end !important;
gap: 8px !important;
margin: -6px 0 0 !important;
padding: 0 16px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: #0f191b !important;
border: 1px solid rgba(161, 192, 195, 0.34) !important;
border-radius: 10px !important;
box-shadow: none !important;
pointer-events: auto !important;
} body.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-page__header
.marnamic-archive-discovery-filter-button::before,
body.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-page__header
.marnamic-archive-discovery-filter-button::after {
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-page__header
.marnamic-archive-discovery-filter-button:is(:hover, :focus-visible, .is-panel-visible) {
color: #132124 !important;
background: var(--marnamic-teal, #61a5ac) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-map-hidden
.hp-page.marnamic-archive-workspace
> .hp-row {
position: relative !important;
grid-template-columns: minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-map-hidden
.hp-page.marnamic-archive-workspace
> .hp-row
> .hp-page__sidebar {
position: absolute !important;
inset: 0 auto auto 0 !important;
display: block !important;
width: 0 !important;
height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-map-hidden
.hp-page.marnamic-archive-workspace
> .hp-row
> .hp-page__content {
grid-column: 1 !important;
width: 100% !important;
}
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible > .select2-container--open,
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .select2-dropdown {
z-index: 10070 !important;
}
@media (max-width: 1099px) {
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog {
align-items: stretch !important;
padding: 12px !important;
}
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog
> :is(.hp-widget--vendor-filter, .hp-widget--listing-filter) {
width: 100% !important;
max-width: none !important;
max-height: calc(100dvh - 24px) !important;
padding: 18px !important;
border-radius: 12px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results
.marnamic-archive-workspace-actions
.marnamic-archive-filter-button {
width: 100% !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery
.hp-page__header
.marnamic-archive-discovery-filter-button {
width: 100% !important;
justify-self: stretch !important;
margin-top: -4px !important;
}
}
@media (prefers-reduced-motion: no-preference) {
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog
> :is(.hp-widget--vendor-filter, .hp-widget--listing-filter) {
animation: marnamic-archive-filter-enter 160ms ease-out both;
}
}
@keyframes marnamic-archive-filter-enter {
from {
opacity: 0;
transform: translateY(8px) scale(0.99);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}  html.marnamic-archive-filters-visible,
html.marnamic-archive-filters-visible body.wp-child-theme-marnamic {
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
overscroll-behavior: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .mn-support {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
} body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog {
align-items: stretch !important;
justify-content: flex-start !important;
padding: 0 !important;
overflow: hidden !important;
overscroll-behavior: contain !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch !important;
}
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog
> .hp-widget--vendor-filter.marnamic-filter-dialog--enhanced {
display: flex !important;
flex-direction: column !important;
width: min(540px, 100%) !important;
max-width: 540px !important;
height: 100dvh !important;
max-height: 100dvh !important;
padding: 0 !important;
overflow: hidden !important;
overflow: clip !important;
background: #132124 !important;
border-color: rgba(161, 192, 195, 0.38) !important;
border-radius: 0 18px 18px 0 !important;
scrollbar-gutter: auto !important;
}
body.wp-child-theme-marnamic
.marnamic-filter-dialog--enhanced
.marnamic-filter-dialog__header {
position: relative !important;
z-index: 8 !important;
display: flex !important;
min-height: 72px !important;
align-items: center !important;
justify-content: space-between !important;
gap: 20px !important;
padding: 16px 24px !important;
background: transparent !important;
border-bottom: 1px solid rgba(161, 192, 195, 0.22) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
body.wp-child-theme-marnamic .marnamic-filter-dialog__header-copy {
min-width: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-dialog__title {
margin: 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-family: "Hubot Sans", sans-serif !important;
font-size: clamp(20px, 1.8vw, 22px) !important;
font-weight: 400 !important;
line-height: 1.25 !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic
.marnamic-filter-dialog--enhanced
.marnamic-archive-filter-close {
position: static !important;
flex: 0 0 44px !important;
float: none !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
padding: 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: #0f191b !important;
border: 1px solid rgba(161, 192, 195, 0.44) !important;
border-radius: 50% !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic
.marnamic-filter-dialog--enhanced
.marnamic-archive-filter-close:is(:hover, :focus-visible) {
color: #132124 !important;
background: var(--marnamic-teal, #61a5ac) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
outline: 3px solid rgba(97, 165, 172, 0.28) !important;
outline-offset: 3px !important;
}
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog
> .hp-widget--vendor-filter.marnamic-filter-dialog--enhanced
> :is(.hp-modal, .hp-modal--mobile) {
clear: none !important;
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
min-height: 0 !important;
padding: 0 20px !important;
} body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
.marnamic-filter-dialog--enhanced
.hp-form--vendor-filter {
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
min-height: 0 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-dialog__fields {
display: grid !important;
flex: 1 1 auto !important;
align-content: start !important;
min-height: 0 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
gap: 14px !important;
padding: 16px 2px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section {
display: grid !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
gap: 12px !important;
margin: 0 !important;
padding: 16px !important;
background: rgba(15, 25, 27, 0.74) !important;
border: 1px solid rgba(161, 192, 195, 0.22) !important;
border-radius: 14px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section__header {
display: grid !important;
gap: 5px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section__title {
margin: 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-family: "Hubot Sans", sans-serif !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 1.25 !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section__description {
margin: 0 !important;
color: var(--marnamic-blue-grey, #a1c0c3) !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section__grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section--accordion {
display: block !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section__toggle {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
box-sizing: border-box !important;
align-items: center !important;
gap: 10px !important;
min-height: 58px !important;
margin: 0 !important;
padding: 14px 16px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
-webkit-appearance: none !important;
appearance: none !important;
background: transparent !important;
border: 0 !important;
border-radius: 10px !important;
box-shadow: none !important;
font: inherit !important;
text-align: left !important;
cursor: pointer !important;
list-style: none !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section__toggle::-webkit-details-marker {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section__toggle::after {
content: '⌄' !important;
margin-left: auto !important;
color: var(--marnamic-blue-grey, #a1c0c3) !important;
font-size: 24px !important;
line-height: 1 !important;
transform: rotate(0deg) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section--accordion[open] > .marnamic-filter-section__toggle::after {
transform: rotate(180deg) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section__toggle:is(:hover, :focus-visible) {
background: rgba(97, 165, 172, 0.12) !important;
outline: 2px solid var(--marnamic-teal, #61a5ac) !important;
outline-offset: -2px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section__count:not([hidden]) {
display: inline-flex !important;
padding: 3px 8px !important;
color: #132124 !important;
background: var(--marnamic-teal, #61a5ac) !important;
border-radius: 999px !important;
font-size: 12px !important;
font-weight: 700 !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section--accordion > .marnamic-filter-section__description {
padding: 0 16px 12px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section--accordion > .marnamic-filter-section__grid {
grid-template-columns: minmax(0, 1fr) !important;
padding: 0 16px 16px !important;
}
body.wp-child-theme-marnamic
.marnamic-filter-section--phases
.marnamic-filter-section__grid {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 10px !important;
}
body.wp-child-theme-marnamic
.marnamic-filter-section--profile
.marnamic-filter-section__grid {
grid-template-columns: minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic
.marnamic-filter-section--details
.marnamic-taxonomy-filter--wide {
grid-column: 1 / -1 !important;
}
body.wp-child-theme-marnamic
.marnamic-filter-section__grid
> .hp-form__field {
min-width: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic
.marnamic-taxonomy-filter
> .hp-form__label {
display: block !important;
margin: 0 0 8px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic
.marnamic-taxonomy-filter
.select2-container {
display: block !important;
width: 100% !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic
.marnamic-taxonomy-filter
.select2-container--default .select2-selection--multiple {
display: flex !important;
width: 100% !important;
min-height: var(--marnamic-ui-control-height, 44px) !important;
max-height: none !important;
align-items: center !important;
padding: 8px 12px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: var(--marnamic-ui-input, rgba(15, 25, 27, 0.9)) !important;
border: 1px solid var(--marnamic-ui-border, rgba(161, 192, 195, 0.28)) !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic
.marnamic-taxonomy-filter
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
min-height: calc(var(--marnamic-ui-control-height, 44px) - 18px) !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.wp-child-theme-marnamic
.marnamic-taxonomy-filter
.select2-container--focus
.select2-selection,
body.wp-child-theme-marnamic
.marnamic-taxonomy-filter
.select2-container--open
.select2-selection {
border-color: var(--marnamic-teal, #61a5ac) !important;
outline: 3px solid rgba(97, 165, 172, 0.24) !important;
outline-offset: 2px !important;
}
body.wp-child-theme-marnamic
.marnamic-taxonomy-filter
.select2-container--default .select2-selection--multiple .select2-selection__choice {
position: relative !important;
display: inline-flex !important;
min-height: var(--marnamic-ui-chip-height, 26px) !important;
align-items: center !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 10px !important;
color: var(--marnamic-ui-primary-text, #132124) !important;
background: var(--marnamic-ui-primary, #e7fd87) !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-sm, 6px) !important;
font-size: 0.9rem !important;
font-weight: 700 !important;
line-height: 1.15 !important;
}
body.wp-child-theme-marnamic
.marnamic-taxonomy-filter
.select2-container--default .select2-selection--multiple .select2-selection__choice * {
color: currentColor !important;
}
body.wp-child-theme-marnamic
.marnamic-taxonomy-filter
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
position: static !important;
display: inline-flex !important;
width: 18px !important;
height: 18px !important;
min-height: 18px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
color: rgba(19, 33, 36, 0.76) !important;
background: transparent !important;
border: 0 !important;
border-radius: 50% !important;
box-shadow: none !important;
font-size: 1rem !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic
.marnamic-taxonomy-filter
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
padding: 0 !important;
color: var(--marnamic-ui-primary-text, #132124) !important;
}
body.wp-child-theme-marnamic
.marnamic-taxonomy-filter
.select2-container--default .select2-selection--multiple .select2-search--inline {
display: inline-flex !important;
min-width: 6rem !important;
min-height: var(--marnamic-ui-chip-height, 26px) !important;
flex: 1 1 8rem !important;
align-items: center !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic
.marnamic-taxonomy-filter
.select2-search__field {
width: 100% !important;
height: var(--marnamic-ui-chip-height, 26px) !important;
min-height: var(--marnamic-ui-chip-height, 26px) !important;
max-height: var(--marnamic-ui-chip-height, 26px) !important;
margin: 0 !important;
padding: 0 4px !important;
color: var(--marnamic-ui-text, #f1e9dd) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter > .hp-form__label,
body.wp-child-theme-marnamic .marnamic-phase-filter > .marnamic-phase-filter__source,
body.wp-child-theme-marnamic
.marnamic-phase-filter
> .marnamic-phase-filter__source
+ .select2-container {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__control {
display: grid !important;
min-height: 258px !important;
grid-template-rows: auto 152px auto auto !important;
align-items: center !important;
justify-items: center !important;
gap: 8px !important;
padding: 12px 8px !important;
background: #132124 !important;
border: 1px solid rgba(161, 192, 195, 0.22) !important;
border-radius: 12px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__heading {
display: grid !important;
width: 100% !important;
min-width: 0 !important;
place-items: center !important;
gap: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__label {
min-width: 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: center !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__value {
width: 100% !important;
min-width: 0 !important;
max-width: 78px !important;
padding: 4px 5px !important;
color: var(--marnamic-blue-grey, #a1c0c3) !important;
background: rgba(161, 192, 195, 0.08) !important;
border: 1px solid rgba(161, 192, 195, 0.18) !important;
border-radius: 999px !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__value.is-active {
color: #132124 !important;
background: var(--marnamic-teal, #61a5ac) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__stage {
position: relative !important;
display: grid !important;
width: 48px !important;
height: 152px !important;
place-items: center !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__range {
width: 44px !important;
height: 148px !important;
margin: 0 !important;
padding: 0 !important;
appearance: none !important;
-webkit-appearance: none !important;
writing-mode: vertical-lr !important;
direction: rtl !important;
touch-action: none !important;
cursor: pointer !important;
background: transparent !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__range::-webkit-slider-runnable-track {
width: 7px !important;
height: 100% !important;
background: linear-gradient(
to top,
var(--marnamic-teal, #61a5ac) 0,
var(--marnamic-teal, #61a5ac) var(--marnamic-phase-progress, 0%),
rgba(161, 192, 195, 0.22) var(--marnamic-phase-progress, 0%),
rgba(161, 192, 195, 0.22) 100%
) !important;
border-radius: 999px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__range::-moz-range-track {
width: 7px !important;
height: 100% !important;
background: rgba(161, 192, 195, 0.22) !important;
border-radius: 999px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__range::-moz-range-progress {
width: 7px !important;
background: var(--marnamic-teal, #61a5ac) !important;
border-radius: 999px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__range::-webkit-slider-thumb {
width: 24px !important;
height: 24px !important;
margin-top: 0 !important;
margin-left: -8.5px !important;
appearance: none !important;
-webkit-appearance: none !important;
background: var(--marnamic-cream, #f1e9dd) !important;
border: 3px solid var(--marnamic-teal, #61a5ac) !important;
border-radius: 50% !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.32) !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__range::-moz-range-thumb {
width: 20px !important;
height: 20px !important;
background: var(--marnamic-cream, #f1e9dd) !important;
border: 3px solid var(--marnamic-teal, #61a5ac) !important;
border-radius: 50% !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.32) !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__range:focus-visible {
outline: 3px solid rgba(97, 165, 172, 0.34) !important;
outline-offset: 2px !important;
border-radius: 999px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__toggle-stage {
position: relative !important;
display: grid !important;
width: 48px !important;
height: 152px !important;
place-items: center !important;
cursor: pointer !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__toggle {
position: absolute !important;
width: 48px !important;
height: 72px !important;
margin: 0 !important;
opacity: 0 !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__toggle-visual {
position: relative !important;
display: block !important;
width: 30px !important;
height: 64px !important;
background: rgba(161, 192, 195, 0.18) !important;
border: 1px solid rgba(161, 192, 195, 0.38) !important;
border-radius: 999px !important;
box-shadow: inset 0 0 0 3px rgba(13, 23, 25, 0.34) !important;
transition: background-color 160ms ease, border-color 160ms ease !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__toggle-visual::after {
position: absolute !important;
bottom: 4px !important;
left: 4px !important;
width: 20px !important;
height: 20px !important;
content: "" !important;
background: var(--marnamic-cream, #f1e9dd) !important;
border: 2px solid var(--marnamic-teal, #61a5ac) !important;
border-radius: 50% !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.32) !important;
transition: transform 160ms ease !important;
}
body.wp-child-theme-marnamic
.marnamic-phase-filter__toggle:checked
+ .marnamic-phase-filter__toggle-visual {
background: rgba(97, 165, 172, 0.52) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic
.marnamic-phase-filter__toggle:checked
+ .marnamic-phase-filter__toggle-visual::after {
transform: translateY(-34px) !important;
}
body.wp-child-theme-marnamic
.marnamic-phase-filter__toggle:focus-visible
+ .marnamic-phase-filter__toggle-visual {
outline: 3px solid rgba(97, 165, 172, 0.34) !important;
outline-offset: 4px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__scale {
position: absolute !important;
inset: 7px 0 7px auto !important;
display: flex !important;
flex-direction: column-reverse !important;
align-items: start !important;
justify-content: space-between !important;
width: 10px !important;
height: auto !important;
padding: 0 !important;
pointer-events: none !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__scale span {
display: block !important;
width: 5px !important;
height: 2px !important;
background: rgba(161, 192, 195, 0.42) !important;
border-radius: 999px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__scale span:nth-child(2n) {
width: 8px !important;
height: 2px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__caption {
display: block !important;
max-width: 100% !important;
color: var(--marnamic-blue-grey, #a1c0c3) !important;
font-size: 10px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic
.marnamic-phase-filter[data-marnamic-phase="phase_x_rating"]
.marnamic-phase-filter__control {
background: rgba(97, 165, 172, 0.08) !important;
border-color: rgba(97, 165, 172, 0.5) !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter.is-superseded .marnamic-phase-filter__control {
opacity: 0.42 !important;
filter: saturate(0.55) !important;
}
body.wp-child-theme-marnamic
.marnamic-phase-filter.is-superseded
.marnamic-phase-filter__control:is(:hover, :focus-within) {
opacity: 0.82 !important;
filter: none !important;
}
body.wp-child-theme-marnamic .marnamic-filter-dialog__footer {
position: relative !important;
z-index: 7 !important;
display: grid !important;
grid-template-columns: minmax(150px, 0.65fr) minmax(210px, 1fr) !important;
gap: 12px !important;
margin: 0 !important;
padding: 16px 0 max(16px, env(safe-area-inset-bottom)) !important;
background: transparent !important;
}
body.wp-child-theme-marnamic
.marnamic-filter-dialog__footer
:is(.marnamic-filter-dialog__reset, .marnamic-filter-dialog__apply) {
width: 100% !important;
min-height: 50px !important;
margin: 0 !important;
border-radius: 10px !important;
font-size: 15px !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-dialog__reset {
color: var(--marnamic-cream, #f1e9dd) !important;
background: #0d1719 !important;
border: 1px solid rgba(161, 192, 195, 0.4) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-dialog__apply {
color: #132124 !important;
background: var(--marnamic-teal, #61a5ac) !important;
border: 1px solid var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic
.marnamic-filter-dialog__footer
:is(.marnamic-filter-dialog__reset, .marnamic-filter-dialog__apply):is(:hover, :focus-visible) {
outline: 3px solid rgba(97, 165, 172, 0.28) !important;
outline-offset: 2px !important;
filter: brightness(1.06) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible
> .select2-container--open
.select2-dropdown {
overflow: hidden !important;
color: #132124 !important;
background: #f7f3eb !important;
border: 1px solid rgba(19, 33, 36, 0.28) !important;
border-radius: 10px !important;
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.32) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible
> .select2-container--open
.select2-search--dropdown {
padding: 10px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible
> .select2-container--open
.select2-search__field {
width: 100% !important;
min-height: 46px !important;
padding: 8px 12px !important;
color: #132124 !important;
background: #fff !important;
border: 1px solid rgba(19, 33, 36, 0.3) !important;
border-radius: 8px !important;
outline: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible
> .select2-container--open
.select2-results__options {
max-height: min(46dvh, 420px) !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible
> .select2-container--open
.select2-results__option {
display: flex !important;
min-height: 46px !important;
align-items: center !important;
padding: 10px 12px !important;
line-height: 1.35 !important;
touch-action: manipulation !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible
> .select2-container--open
.select2-results__option--highlighted {
color: #132124 !important;
background: #61a5ac !important;
} body.wp-child-theme-marnamic.marnamic-archive-filters-visible
> .select2-container--open
.select2-results__option:is([aria-selected="true"], .select2-results__option--selected) {
display: flex !important;
align-items: center !important;
gap: 10px !important;
color: #132124 !important;
background: #61a5ac !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible
> .select2-container--open
.select2-results__option:is([aria-selected="true"], .select2-results__option--selected)::before {
content: "\2713" !important;
flex: 0 0 auto !important;
font-weight: 900 !important;
}
body.wp-child-theme-marnamic .marnamic-taxonomy-filter
.select2-container--default .select2-selection--multiple .select2-selection__choice {
color: #132124 !important;
background: #61a5ac !important;
}
body.wp-child-theme-marnamic .marnamic-taxonomy-filter
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
color: #132124 !important;
}
@media (max-width: 1099px) {
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog {
align-items: start !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog
> .hp-widget--vendor-filter.marnamic-filter-dialog--enhanced {
width: 100% !important;
max-width: none !important;
height: 100dvh !important;
min-height: 0 !important;
max-height: 100dvh !important;
overflow: hidden !important;
overflow: clip !important;
border-width: 0 !important;
border-radius: 0 !important;
scrollbar-gutter: auto !important;
}
body.wp-child-theme-marnamic
.marnamic-filter-dialog--enhanced
.marnamic-filter-dialog__header {
min-height: 82px !important;
padding: max(14px, env(safe-area-inset-top)) 16px 14px !important;
}
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
> .marnamic-archive-filter-shell.marnamic-archive-filter-dialog
> .hp-widget--vendor-filter.marnamic-filter-dialog--enhanced
> :is(.hp-modal, .hp-modal--mobile) {
padding: 0 16px max(16px, env(safe-area-inset-bottom)) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-dialog__fields {
padding: 16px 0 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-dialog__footer {
bottom: 0 !important;
padding: 20px 0 max(16px, env(safe-area-inset-bottom)) !important;
}
}
@media (max-width: 680px) {
body.wp-child-theme-marnamic .marnamic-filter-section {
gap: 14px !important;
padding: 16px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section__grid,
body.wp-child-theme-marnamic .marnamic-filter-section--profile .marnamic-filter-section__grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 12px !important;
}
body.wp-child-theme-marnamic
.marnamic-filter-section--phases
.marnamic-filter-section__grid {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 4px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__control {
min-height: 232px !important;
grid-template-rows: auto 136px auto !important;
padding: 9px 4px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__stage {
width: 42px !important;
height: 136px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__range {
width: 42px !important;
height: 132px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__toggle-stage {
width: 42px !important;
height: 136px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__label {
font-size: 10px !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__caption {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-phase-filter__value {
padding-inline: 2px !important;
font-size: 9px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-dialog__footer {
grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr) !important;
gap: 8px !important;
}
body.wp-child-theme-marnamic
.marnamic-filter-dialog__footer
:is(.marnamic-filter-dialog__reset, .marnamic-filter-dialog__apply) {
min-width: 0 !important;
padding-inline: 10px !important;
font-size: 14px !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.wp-child-theme-marnamic .marnamic-phase-filter__range,
body.wp-child-theme-marnamic .marnamic-filter-dialog--enhanced * {
scroll-behavior: auto !important;
transition: none !important;
}
} body.wp-child-theme-marnamic .marnamic-filter-section--accordion {
display: grid !important;
gap: 12px !important;
padding: 16px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section--accordion .marnamic-filter-section__header {
grid-template-columns: minmax(0, 1fr) !important;
align-items: center !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section--accordion .marnamic-filter-section__description {
grid-column: 1 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-section--accordion > .marnamic-filter-section__grid {
padding: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-taxonomy-filter--lifecycle :is(select, .select2-container) {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle {
display: grid !important;
width: 100% !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 6px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__choice {
position: relative !important;
display: grid !important;
min-width: 0 !important;
min-height: 88px !important;
align-content: center !important;
justify-items: start !important;
gap: 5px !important;
margin: 0 !important;
padding: 12px 10px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: rgba(15, 28, 30, 0.82) !important;
border: 1px solid rgba(161, 192, 195, 0.38) !important;
border-radius: 9px !important;
cursor: pointer !important;
text-align: left !important;
transition: background-color 160ms ease, border-color 160ms ease !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__choice:hover {
background: rgba(97, 165, 172, 0.1) !important;
border-color: rgba(97, 165, 172, 0.3) !important;
}
body.wp-child-theme-marnamic :is(.marnamic-filter-lifecycle__choice, .marnamic-filter-lifecycle__cross, .marnamic-filter-hoai__choice):has(input:focus-visible) {
outline: 2px solid var(--marnamic-teal, #61a5ac) !important;
outline-offset: 2px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__choice:has(input:checked) {
color: #f7f1e8 !important;
background: rgba(39, 74, 78, 0.74) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic :is(.marnamic-filter-lifecycle, .marnamic-filter-hoai) input {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__number {
display: block !important;
font-family: var(--marnamic-font-display, "Hubot Sans", sans-serif) !important;
color: var(--marnamic-teal, #61a5ac) !important;
background: transparent !important;
border: 0 !important;
font-size: 13px !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums !important;
letter-spacing: 0.06em !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__choice:has(input:checked) .marnamic-filter-lifecycle__number {
color: var(--marnamic-lime, #c9e265) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__caption {
display: grid !important;
min-width: 0 !important;
gap: 1px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__caption strong,
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__caption small {
font-size: 11px !important;
line-height: 1.25 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__caption strong {
font-weight: 700 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__caption small {
color: var(--marnamic-cream, #f1e9dd) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__cross {
position: relative !important;
display: grid !important;
grid-column: 1 / -1 !important;
grid-template-columns: 34px minmax(0, 1fr) 14px !important;
align-items: center !important;
gap: 10px !important;
min-height: 52px !important;
margin: 0 !important;
padding: 9px 11px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: rgba(15, 28, 30, 0.82) !important;
border: 1px solid rgba(161, 192, 195, 0.38) !important;
border-radius: 9px !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__cross .marnamic-filter-lifecycle__number {
display: grid !important;
width: 32px !important;
height: 32px !important;
place-items: center !important;
color: var(--marnamic-blue-grey, #a1c0c3) !important;
border: 1px solid rgba(161, 192, 195, 0.3) !important;
border-radius: 50% !important;
font-size: 17px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__cross::after {
content: '' !important;
width: 12px !important;
height: 12px !important;
border: 1px solid rgba(161, 192, 195, 0.42) !important;
border-radius: 50% !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__cross:has(input:checked) {
background: rgba(39, 74, 78, 0.74) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__cross:has(input:checked)::after {
background: var(--marnamic-teal, #61a5ac) !important;
box-shadow: inset 0 0 0 3px #274a4e !important;
}
body.wp-child-theme-marnamic .marnamic-taxonomy-filter--hoai :is(select, .select2-container) {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-filter-hoai {
display: grid !important;
width: 100% !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 6px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-hoai__choice {
position: relative !important;
display: grid !important;
min-width: 0 !important;
min-height: 70px !important;
align-content: center !important;
justify-items: start !important;
gap: 4px !important;
margin: 0 !important;
padding: 10px 11px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: rgba(15, 28, 30, 0.82) !important;
border: 1px solid rgba(161, 192, 195, 0.38) !important;
border-radius: 9px !important;
cursor: pointer !important;
text-align: left !important;
}
body.wp-child-theme-marnamic .marnamic-filter-hoai__choice > span {
font-family: var(--marnamic-font-display, "Hubot Sans", sans-serif) !important;
color: var(--marnamic-teal, #61a5ac) !important;
font-size: 13px !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums !important;
letter-spacing: 0.06em !important;
}
body.wp-child-theme-marnamic .marnamic-filter-hoai__choice > small {
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
body.wp-child-theme-marnamic :is(.marnamic-phase-choice__label, .marnamic-phase-choice__title, .marnamic-phase-choice__detail) {
color: var(--marnamic-cream, #f1e9dd) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-hoai__choice:has(input:checked) {
background: rgba(39, 74, 78, 0.74) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
box-shadow: inset 0 -2px 0 var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-hoai__choice:has(input:checked) > span {
color: var(--marnamic-lime, #c9e265) !important;
}
@media (max-width: 680px) {
body.wp-child-theme-marnamic .marnamic-filter-lifecycle {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-lifecycle__choice {
min-height: 78px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-hoai {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-hoai__choice {
min-height: 68px !important;
padding-inline: 9px !important;
}
} body.wp-child-theme-marnamic .marnamic-filter-dialog--enhanced
.marnamic-taxonomy-filter
:is(.select2-container--focus, .select2-container--open)
.select2-selection {
border-color: rgba(97, 165, 172, 0.72) !important;
outline: 0 !important;
box-shadow: 0 0 0 1px rgba(97, 165, 172, 0.18) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible
> .select2-container--open
.select2-dropdown {
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24) !important;
}
body.wp-child-theme-marnamic .marnamic-taxonomy-filter--volume :is(select, .select2-container) {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choices {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 0 !important;
overflow: hidden !important;
border: 1px solid rgba(161, 192, 195, 0.38) !important;
border-radius: 12px !important;
background: #0f1c1e !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choices label {
position: relative !important;
display: grid !important;
grid-template-rows: 28px auto !important;
align-content: center !important;
justify-items: center !important;
gap: 6px !important;
min-width: 0 !important;
min-height: 87px !important;
padding: 8px 10px 9px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: transparent !important;
border: 0 !important;
border-inline-end: 1px solid rgba(161, 192, 195, 0.25) !important;
border-radius: 0 !important;
cursor: pointer !important;
line-height: 1.3 !important;
text-align: center !important;
transition: background-color 160ms ease, box-shadow 160ms ease !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choices label:last-child {
border-inline-end: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choices label:hover {
background: rgba(97, 165, 172, 0.12) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choices label:has(input:checked) {
background: #274a4e !important;
box-shadow: inset 0 -3px 0 var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choices input {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choice__graphic {
display: grid !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 28px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choice__graphic svg {
display: block !important;
width: 28px !important;
height: 28px !important;
fill: none !important;
stroke: var(--marnamic-blue-grey, #a1c0c3) !important;
stroke-width: 1.7 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
transition: stroke 160ms ease, transform 160ms ease !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choices label:is(:hover, :has(input:checked)) .marnamic-filter-volume-choice__graphic svg {
stroke: var(--marnamic-teal, #61a5ac) !important;
transform: translateY(-1px) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choice__caption {
display: grid !important;
gap: 2px !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choice__caption strong {
color: inherit !important;
font-size: 13px !important;
font-weight: 700 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choice__caption small {
color: var(--marnamic-blue-grey, #a1c0c3) !important;
font-size: 10px !important;
line-height: 1.25 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-building-choices {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
margin-bottom: 12px !important;
}
body.wp-child-theme-marnamic .marnamic-taxonomy-filter--building :is(select, .select2-container) {
display: none !important;
}
body.wp-child-theme-marnamic .marnamic-filter-building-choices label {
display: flex !important;
align-items: center !important;
gap: 8px !important;
min-height: 48px !important;
padding: 9px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: #0f1c1e !important;
border: 1px solid rgba(161, 192, 195, 0.38) !important;
border-radius: 9px !important;
cursor: pointer !important;
font-size: 12px !important;
line-height: 1.3 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-building-choices label:has(input:checked) {
background: #274a4e !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-building-choices input {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
}
body.wp-child-theme-marnamic :is(
.marnamic-filter-building-choices label,
.marnamic-filter-volume-choices label
):has(input:focus-visible) {
outline: 2px solid var(--marnamic-teal, #61a5ac) !important;
outline-offset: 2px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-building-choices svg {
flex: 0 0 21px !important;
width: 21px !important;
height: 21px !important;
fill: none !important;
stroke: var(--marnamic-blue-grey, #a1c0c3) !important;
stroke-width: 1.7 !important;
}
body.wp-child-theme-marnamic .marnamic-filter-building-choice--without-icon span {
padding-inline-start: 29px !important;
}
@media (max-width: 550px) {
body.wp-child-theme-marnamic .marnamic-filter-building-choices {
grid-template-columns: minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choices label {
min-height: 81px !important;
padding-inline: 6px !important;
}
body.wp-child-theme-marnamic .marnamic-filter-volume-choice__caption strong {
font-size: 11px !important;
}
}   @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery:not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor:not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace > .hp-row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: var(--marnamic-archive-panel-gap, 24px) !important;
align-items: start !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery:not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace > .hp-row > .hp-page__sidebar {
display: block !important;
grid-column: 1 !important;
grid-row: 1 !important;
position: sticky !important;
top: var(--marnamic-archive-workspace-offset, 204px) !important;
width: 100% !important;
max-width: none !important;
height: clamp(440px, calc(100dvh - var(--marnamic-archive-workspace-offset, 204px) - 24px), 760px) !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery:not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace > .hp-row > .hp-page__content {
display: block !important;
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
flex: 0 1 auto !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery:not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace .hp-page__sidebar > .marnamic-archive-map-shell,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery:not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace .hp-page__sidebar .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery:not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace .hp-page__sidebar .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
} body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor):not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace .hp-page__sidebar > .marnamic-archive-map-shell > .inner-wrapper-sticky,
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor):not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace .hp-page__sidebar .inner-wrapper-sticky > .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor):not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace .hp-page__sidebar .marnamic-map-hotfix--archive > [id^="marnamic-hotfix-map-"]:not([id*="wrapper"]) {
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery:not(.marnamic-archive-map-hidden)
.hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
} @media (max-width: 1099px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.hp-page.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 8px !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar > :is(.marnamic-archive-workspace-actions, .marnamic-archive-workspace-summary) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar > .marnamic-archive-workspace-actions {
grid-row: 1 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar > .marnamic-archive-workspace-summary {
grid-row: 2 !important;
}
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-filter-button:not(.is-panel-visible) {
background: var(--marnamic-action-secondary, #102326) !important;
border-color: rgba(161, 192, 195, 0.42) !important;
color: var(--marnamic-cream, #f1e9dd) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-filter-button.is-panel-visible {
background: var(--marnamic-teal, #6bb5bf) !important;
border-color: var(--marnamic-teal, #6bb5bf) !important;
color: #092124 !important;
} @media (min-width: 1100px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results):not(.marnamic-archive-map-hidden)
.hp-page.site-main > .hp-row > .hp-page__sidebar {
height: calc(94dvh - var(--marnamic-archive-workspace-offset, 250px) - 16px) !important;
min-height: 390px !important;
}
}
@media (max-width: 1099px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results):not(.marnamic-archive-map-hidden)
.hp-page.site-main > .hp-row > .hp-page__sidebar {
height: clamp(280px, 42dvh, 390px) !important;
min-height: 280px !important;
}
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-summary
.select2-container--default:is(.select2-container--focus, .select2-container--open)
.select2-selection--single {
border-color: var(--marnamic-teal, #61a5ac) !important;
box-shadow: 0 0 0 3px rgba(97, 165, 172, 0.28) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
> .select2-container--open:is(.marnamic-archive-sort-dropdown, :has(.select2-dropdown--inline))
.select2-results__option:is(.select2-results__option--highlighted, .select2-results__option--selected, [aria-selected="true"]) {
color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .marnamic-archive-workspace-toolbar {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .marnamic-archive-workspace-actions {
display: flex !important;
align-items: center !important;
gap: 14px !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .marnamic-archive-workspace-actions .marnamic-archive-filter-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: auto !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 14px !important;
color: #f1e9dd !important;
background: #0f191b !important;
border: 1px solid rgba(161, 192, 195, 0.28) !important;
border-radius: 9px !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions .marnamic-archive-filter-button {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .marnamic-archive-workspace-actions .marnamic-archive-filter-button:is(:hover, :focus-visible) {
color: #132124 !important;
background: #e7fd87 !important;
border-color: #e7fd87 !important;
}
@media (max-width: 767px) {
body.wp-child-theme-marnamic.marnamic-vendor-discovery .marnamic-archive-workspace-toolbar {
flex-wrap: wrap !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .marnamic-archive-workspace-actions {
justify-content: space-between !important;
width: 100% !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
align-items: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar > .hp-result-count {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: stretch !important;
width: 100% !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--marnamic-cream, #f1e9dd) !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .marnamic-archive-filter-button {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .marnamic-archive-map-toggle {
grid-column: 3 !important;
grid-row: 1 !important;
width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
grid-column: 4 !important;
grid-row: 1 !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort)
:is(.hp-form__fields, .hp-form__field, .selection, .select2.select2-container, .select2-selection.select2-selection--single) {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort)
.select2-selection.select2-selection--single {
height: 42px !important;
min-height: 42px !important;
}
@media (max-width: 767px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar > .hp-result-count,
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
grid-column: 1 / -1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar > .hp-result-count {
grid-row: 1 !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .marnamic-archive-filter-button {
grid-column: 1 !important;
grid-row: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .marnamic-archive-map-toggle {
grid-column: 2 !important;
grid-row: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
grid-row: 3 !important;
}
} body.wp-child-theme-marnamic.marnamic-archive-search-results
.hp-page__sidebar
:is(style, script, link, template, noscript) {
display: none !important;
} body.wp-child-theme-marnamic.marnamic-vendor-filter-disabled :is(
.marnamic-archive-filter-button--vendor,
.hp-button--vendor-filter
) {
display: none !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-competencies-disabled .marnamic-vendor-discovery__clusters {
display: none !important;
} body.wp-child-theme-marnamic.marnamic-archive-search-results
.marnamic-archive-workspace-actions
:is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle)::before,
body.wp-child-theme-marnamic.marnamic-archive-search-results
.marnamic-archive-workspace-actions
:is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle)::after {
pointer-events: none !important;
}
@media (min-width: 1100px) {
body.wp-child-theme-marnamic.marnamic-archive-search-results {
--marnamic-archive-panel-gap: clamp(18px, 1.5vw, 30px);
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header {
grid-template-columns: minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page__header > .marnamic-archive-filter-button {
display: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar {
position: sticky !important;
top: var(--marnamic-archive-sticky-offset, 130px) !important;
z-index: 42 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 28px !important;
width: 100% !important;
min-height: 72px !important;
margin: 0 0 16px !important;
padding: 14px 18px 14px 22px !important;
background: rgba(24, 39, 43, 0.98) !important;
border: 1px solid rgba(161, 192, 195, 0.24) !important;
border-radius: 12px !important;
box-shadow: 0 12px 30px rgba(7, 17, 19, 0.12) !important;
backdrop-filter: blur(12px);
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-toolbar .hp-result-count {
min-width: 0 !important;
min-height: auto !important;
margin: 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 14px !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions :is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle) {
position: relative !important;
display: inline-flex !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 14px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: #0f191b !important;
border: 1px solid rgba(161, 192, 195, 0.28) !important;
border-radius: 9px !important;
box-shadow: none !important;
font-size: 0.88rem !important;
font-weight: 600 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions :is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle):is(:hover, :focus-visible) {
color: #132124 !important;
background: #e7fd87 !important;
border-color: #e7fd87 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
display: block !important;
width: auto !important;
min-width: 190px !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions :is(.hp-form--vendor-sort, .hp-form--listing-sort) :is(.hp-form__fields, .hp-form__field) {
min-height: 44px !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__fields {
display: flex !important;
align-items: center !important;
gap: 12px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions :is(.hp-form--vendor-sort, .hp-form--listing-sort) :is(select:not(.select2-hidden-accessible), .select2-container, .select2-selection--single) {
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace > .hp-row {
display: grid !important;
grid-template-columns: minmax(390px, 0.92fr) minmax(520px, 1.08fr) !important;
gap: var(--marnamic-archive-panel-gap) !important;
align-items: start !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace > .hp-row > .hp-page__sidebar {
grid-column: 1 !important;
grid-row: 1 !important;
order: initial !important;
position: sticky !important;
top: var(--marnamic-archive-workspace-offset, 204px) !important;
width: 100% !important;
max-width: none !important;
height: clamp(360px, calc(100dvh - var(--marnamic-archive-workspace-offset, 204px) - 16px), 820px) !important;
max-height: none !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace > .hp-row > .hp-page__content {
grid-column: 2 !important;
grid-row: 1 !important;
order: initial !important;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace .hp-page__sidebar > .marnamic-archive-map-shell,
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace .hp-page__sidebar .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace .hp-page__sidebar .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
border-radius: 12px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace .hp-page__sidebar > .marnamic-archive-non-map-shell {
display: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-map-hidden .hp-page.marnamic-archive-workspace > .hp-row {
grid-template-columns: minmax(280px, 340px) minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-map-hidden .hp-page.marnamic-archive-workspace > .hp-row > .hp-page__sidebar {
height: auto !important;
max-height: calc(100dvh - var(--marnamic-archive-workspace-offset, 204px) - 16px) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-map-hidden .hp-page.marnamic-archive-workspace .hp-page__sidebar > .marnamic-archive-map-shell {
display: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-map-hidden .hp-page.marnamic-archive-workspace .hp-page__sidebar > .marnamic-archive-non-map-shell {
display: block !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-map-hidden .hp-page.marnamic-archive-workspace .hp-page__sidebar :is(.hp-widget--vendor-filter, .hp-widget--listing-filter) {
position: static !important;
display: block !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 18px !important;
overflow: visible !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: #18272b !important;
border: 1px solid rgba(161, 192, 195, 0.24) !important;
border-radius: 12px !important;
clip-path: none !important;
pointer-events: auto !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-map-hidden .hp-page.marnamic-archive-workspace .hp-page__sidebar :is(.hp-form--vendor-filter, .hp-form--listing-filter) {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-map-hidden.marnamic-archive-search-results--vendor .hp-vendors {
display: block !important;
width: 100% !important;
grid-template-columns: none !important;
}
}
@media (max-width: 1099px) {
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar {
position: static !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 20px !important;
width: 100% !important;
margin: 0 0 16px !important;
padding: 14px !important;
background: #18272b !important;
border: 1px solid rgba(161, 192, 195, 0.24) !important;
border-radius: 14px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-toolbar .hp-result-count {
justify-self: center !important;
justify-content: center !important;
min-height: auto !important;
margin: 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: center !important;
text-transform: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
width: 100% !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions :is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle) {
position: relative !important;
display: inline-flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 12px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: #0f191b !important;
border: 1px solid rgba(161, 192, 195, 0.28) !important;
border-radius: 10px !important;
box-shadow: none !important;
font-size: 0.88rem !important;
font-weight: 700 !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
grid-column: 1 / -1 !important;
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-form__fields {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace > .hp-row {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
width: 100% !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace > .hp-row > .hp-page__sidebar {
order: 1 !important;
position: static !important;
display: block !important;
width: 100% !important;
max-width: none !important;
height: clamp(300px, 48dvh, 460px) !important;
max-height: none !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace > .hp-row > .hp-page__content {
order: 2 !important;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace .hp-page__sidebar > .marnamic-archive-filter-shell {
display: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace .hp-page__sidebar > .marnamic-archive-map-shell,
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace .hp-page__sidebar .marnamic-map-hotfix--archive,
body.wp-child-theme-marnamic.marnamic-archive-search-results .hp-page.marnamic-archive-workspace .hp-page__sidebar .marnamic-map-hotfix--archive [id^="marnamic-hotfix-map-"] {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
border-radius: 12px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-map-hidden .hp-page.marnamic-archive-workspace > .hp-row > .hp-page__sidebar {
display: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-map-hidden .marnamic-archive-workspace-actions .marnamic-archive-filter-button {
display: inline-flex !important;
}
} body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar .hp-result-count {
display: inline-flex !important;
width: fit-content !important;
min-height: 36px !important;
align-items: center !important;
padding: 0 11px !important;
background: rgba(15, 25, 27, 0.72) !important;
border: 1px solid rgba(161, 192, 195, 0.2) !important;
border-radius: 999px !important;
font-size: 0.84rem !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .marnamic-archive-map-toggle.is-active {
color: #132124 !important;
background: #61a5ac !important;
border-color: #61a5ac !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .hp-form--vendor-sort .select2-selection__rendered {
text-transform: none !important;
}
@media (min-width: 1100px) {
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .marnamic-archive-map-toggle {
width: auto !important;
min-width: 190px !important;
max-width: 220px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .hp-form--vendor-sort {
width: max-content !important;
min-width: 210px !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .hp-form--vendor-sort :is(select:not(.select2-hidden-accessible), .select2-container) {
width: max-content !important;
min-width: 210px !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-map-hidden
.hp-page.marnamic-archive-workspace > .hp-row {
grid-template-columns: minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-map-hidden
.hp-page.marnamic-archive-workspace > .hp-row > .hp-page__sidebar {
display: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-map-hidden
.hp-page.marnamic-archive-workspace > .hp-row > .hp-page__content {
grid-column: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-map-hidden
.hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-map-hidden
.hp-vendors > .hp-row {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (min-width: 1680px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-map-hidden
.hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-map-hidden
.hp-vendors > .hp-row {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
@media (min-width: 2400px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-map-hidden
.hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-map-hidden
.hp-vendors > .hp-row {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
}
@media (max-width: 1099px) {
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .marnamic-archive-map-toggle,
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .hp-form--vendor-sort {
grid-column: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .hp-form--vendor-sort .hp-form__fields {
display: block !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .hp-form--vendor-sort .hp-field__label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .hp-form--vendor-sort :is(.hp-form__field, select:not(.select2-hidden-accessible), .select2-container, .select2-selection--single) {
width: 100% !important;
min-width: 0 !important;
height: 44px !important;
min-height: 44px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .hp-form--vendor-sort select:not(.select2-hidden-accessible) {
padding-inline: 12px 30px !important;
font-size: 0.8rem !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .hp-form--vendor-sort .select2-selection__rendered {
padding-inline: 12px 30px !important;
overflow: hidden !important;
text-overflow: clip !important;
font-size: 0.8rem !important;
letter-spacing: 0 !important;
text-transform: none !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .hp-form--vendor-sort :is(.hp-form__fields, .hp-form__field, .select2-container, .selection, .select2-selection--single) {
min-width: 0 !important;
max-width: 100% !important;
}
}
@media (max-width: 350px) {
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 8px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .marnamic-archive-map-toggle {
gap: 6px !important;
padding-inline: 8px !important;
font-size: 0.76rem !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .hp-form--vendor-sort :is(select:not(.select2-hidden-accessible), .select2-selection__rendered) {
padding-inline: 6px 20px !important;
font-size: 0.68rem !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions .hp-form--vendor-sort .select2-selection__arrow {
right: 6px !important;
width: 14px !important;
}
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor).marnamic-archive-map-hidden
.hp-page.site-main > .hp-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
width: 100% !important;
}
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor).marnamic-archive-map-hidden
.hp-page.site-main > .hp-row > .hp-page__sidebar {
display: none !important;
}
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor).marnamic-archive-map-hidden
.hp-page.site-main > .hp-row > .hp-page__content {
grid-column: 1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor).marnamic-archive-map-hidden
.hp-vendors.hp-block.hp-grid {
display: block !important;
width: 100% !important;
grid-template-columns: none !important;
}
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor).marnamic-archive-map-hidden
.hp-vendors.hp-block.hp-grid > .hp-row {
display: grid !important;
width: 100% !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (min-width: 1680px) {
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor).marnamic-archive-map-hidden
.hp-vendors.hp-block.hp-grid > .hp-row {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
@media (min-width: 2400px) {
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor).marnamic-archive-map-hidden
.hp-vendors.hp-block.hp-grid > .hp-row {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
}  @media (min-width: 1100px) {
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor:not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace > .hp-row {
grid-template-columns: minmax(360px, 41fr) minmax(0, 59fr) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor:not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace > .hp-row > .hp-page__content {
min-width: 0 !important;
}
}
@media (min-width: 1900px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor:not(.marnamic-archive-map-hidden)
.hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor:not(.marnamic-archive-map-hidden)
.hp-vendors > .hp-row {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery .marnamic-archive-workspace-actions .marnamic-archive-filter-button,
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions .marnamic-archive-filter-button {
min-width: 160px !important;
padding-inline: 18px !important;
}
body.wp-child-theme-marnamic .marnamic-archive-workspace-actions .marnamic-archive-filter-button .marnamic-archive-filter-count {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 52px;
padding: 4px 7px;
color: inherit !important;
background: rgba(19, 33, 36, 0.12) !important;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 700;
line-height: 1;
white-space: nowrap;
}
body.wp-child-theme-marnamic .marnamic-archive-workspace-actions .marnamic-archive-filter-button .marnamic-archive-filter-count[hidden] {
display: none !important;
}
@media (max-width: 767px) {
body.wp-child-theme-marnamic.marnamic-vendor-discovery .marnamic-archive-workspace-actions .marnamic-archive-filter-button,
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions .marnamic-archive-filter-button,
body.wp-child-theme-marnamic.marnamic-vendor-discovery .marnamic-archive-workspace-actions .marnamic-archive-filter-button.has-active-filters,
body.wp-child-theme-marnamic.marnamic-archive-search-results .marnamic-archive-workspace-actions .marnamic-archive-filter-button.has-active-filters {
min-width: 0 !important;
padding-inline: 12px !important;
}
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar {
column-gap: 36px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 20px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.marnamic-archive-map-toggle.button {
width: max-content !important;
min-width: 200px !important;
max-width: none !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
padding-inline: 18px !important;
line-height: var(--marnamic-action-text-line-height, 1.25) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.hp-form--vendor-sort {
width: max-content !important;
min-width: 0 !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.hp-form--vendor-sort
:is(.hp-form__fields, .hp-form__field) {
display: flex !important;
width: max-content !important;
min-width: 0 !important;
max-width: none !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
align-items: center !important;
gap: 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.hp-form--vendor-sort
.select2.select2-container.select2-container--default,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.hp-form--vendor-sort
.select2-selection.select2-selection--single {
width: 210px !important;
min-width: 210px !important;
max-width: none !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.hp-form--vendor-sort
.select2-selection__rendered {
width: 100% !important;
min-width: 0 !important;
height: 42px !important;
padding-inline: 0 !important;
overflow: hidden !important;
text-overflow: clip !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
}
@media (max-width: 1099px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar {
grid-template-columns: minmax(0, 1fr) !important;
row-gap: 20px !important;
padding: 18px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.hp-result-count {
grid-column: 1 / -1 !important;
justify-self: center !important;
margin-inline: auto !important;
text-align: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
align-items: stretch !important;
gap: 12px !important;
width: 100% !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.marnamic-archive-map-toggle.button,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.hp-form--vendor-sort {
grid-column: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.marnamic-archive-map-toggle.button {
padding-inline: 10px !important;
line-height: var(--marnamic-action-text-line-height, 1.25) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.hp-form--vendor-sort
.hp-field__label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
white-space: nowrap !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.hp-form--vendor-sort
:is(.hp-form__fields, .hp-form__field, .selection) {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.hp-form--vendor-sort
.select2.select2-container.select2-container--default,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.hp-form--vendor-sort
.select2-selection.select2-selection--single {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.hp-form--vendor-sort
.select2-selection__rendered {
width: 100% !important;
min-width: 0 !important;
height: 42px !important;
padding-inline: 0 !important;
overflow: hidden !important;
text-overflow: clip !important;
font-size: 0.82rem !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
}
@media (max-width: 350px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar {
padding: 14px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-actions {
gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.marnamic-archive-map-toggle.button {
gap: 5px !important;
padding-inline: 7px !important;
font-size: 0.74rem !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-vendor-filter-disabled
.marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions
.hp-form--vendor-sort
.select2-selection__rendered {
padding-inline: 0 !important;
font-size: 0.72rem !important;
}
} body.wp-child-theme-marnamic > .select2-container--open.marnamic-archive-sort-dropdown
.select2-results__option:is(.select2-results__option--highlighted, .select2-results__option--selected, [aria-selected="true"]) {
color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.marnamic-archive-workspace-actions
:is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle,
.hp-form--vendor-sort .select2-container,
.hp-form--vendor-sort .select2-selection--single,
.hp-form--vendor-sort select:not(.select2-hidden-accessible)) {
height: var(--marnamic-ui-control-height, 44px) !important;
min-height: var(--marnamic-ui-control-height, 44px) !important;
max-height: var(--marnamic-ui-control-height, 44px) !important;
box-sizing: border-box !important;
font-size: 0.95rem !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery
.marnamic-archive-workspace-actions
.hp-form--vendor-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
height: calc(var(--marnamic-ui-control-height, 44px) - 2px) !important;
min-height: calc(var(--marnamic-ui-control-height, 44px) - 2px) !important;
max-height: calc(var(--marnamic-ui-control-height, 44px) - 2px) !important;
font-size: 0.95rem !important;
line-height: 1.25 !important;
} body.wp-child-theme-marnamic.marnamic-vendor-discovery
.marnamic-archive-workspace-actions :is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle),
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor
.marnamic-archive-workspace-actions :is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle) {
position: relative !important;
display: inline-flex !important;
width: clamp(160px, 12vw, 210px) !important;
min-width: 0 !important;
height: var(--marnamic-ui-control-height, 44px) !important;
min-height: var(--marnamic-ui-control-height, 44px) !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 !important;
padding-inline: 14px !important;
border-radius: var(--marnamic-ui-radius-sm, 9px) !important;
font-size: 0.95rem !important;
line-height: 1.25 !important;
translate: none !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery
.marnamic-archive-workspace-actions .marnamic-archive-map-toggle {
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-control-surface, #0f191b) !important;
border: 1px solid var(--marnamic-control-border, rgba(161, 192, 195, 0.28)) !important;
}
body.wp-child-theme-marnamic.marnamic-vendor-discovery
.marnamic-archive-workspace-actions .marnamic-archive-map-toggle:is(:hover, :focus-visible) {
color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-teal, #61a5ac) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
} body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor)
.marnamic-archive-workspace-actions > .marnamic-archive-filter-button,
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor)
.marnamic-archive-workspace-actions > .marnamic-archive-map-toggle {
flex: 0 0 clamp(160px, 12vw, 210px) !important;
width: clamp(160px, 12vw, 210px) !important;
min-width: clamp(160px, 12vw, 210px) !important;
max-width: clamp(160px, 12vw, 210px) !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-control-surface, #0f191b) !important;
border: 1px solid var(--marnamic-control-border, rgba(161, 192, 195, 0.28)) !important;
}
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor)
.marnamic-archive-workspace-actions > .marnamic-archive-filter-button {
margin-right: -14px !important;
border-radius: var(--marnamic-ui-radius-sm, 9px) 0 0 var(--marnamic-ui-radius-sm, 9px) !important;
}
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor)
.marnamic-archive-workspace-actions > .marnamic-archive-map-toggle {
border-left-width: 0 !important;
border-radius: 0 var(--marnamic-ui-radius-sm, 9px) var(--marnamic-ui-radius-sm, 9px) 0 !important;
}
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor)
.marnamic-archive-workspace-actions > .marnamic-archive-filter-button.is-panel-visible,
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor)
.marnamic-archive-workspace-actions > .marnamic-archive-map-toggle.is-active {
color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-teal, #61a5ac) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor)
.marnamic-archive-workspace-actions > .marnamic-archive-filter-button.has-active-filters:not(.is-panel-visible) {
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-control-surface, #0f191b) !important;
border-color: var(--marnamic-control-border, rgba(161, 192, 195, 0.28)) !important;
}
body.wp-child-theme-marnamic
.marnamic-archive-workspace-actions > .marnamic-archive-filter-button.has-active-filters:not(.is-panel-visible)
.marnamic-archive-filter-count {
color: var(--marnamic-dark, #132124) !important;
background: var(--marnamic-teal, #61a5ac) !important;
}
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor)
.marnamic-archive-workspace-actions > :is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle):is(:hover, :focus-visible) {
color: var(--marnamic-dark, #132124) !important;
background: color-mix(in srgb, var(--marnamic-teal, #61a5ac) 82%, white) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
}
@media (max-width: 767px) {
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor)
.marnamic-archive-workspace-actions > :is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle) {
flex: 1 1 50% !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
}
@media (max-width: 767px) {
body.wp-child-theme-marnamic.marnamic-vendor-discovery
.marnamic-archive-workspace-actions :is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle),
body.wp-child-theme-marnamic.marnamic-archive-search-results--vendor
.marnamic-archive-workspace-actions :is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle) {
flex: 1 1 calc(50% - 7px) !important;
width: auto !important;
}
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
.hp-page__sidebar > .marnamic-archive-filter-shell.marnamic-archive-filter-dialog {
display: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible:is(.marnamic-archive-search-results, .marnamic-vendor-discovery) { overflow: visible !important; }
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-map-hidden.marnamic-archive-filters-visible .hp-page.marnamic-archive-workspace > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery.marnamic-archive-map-hidden.marnamic-archive-filters-visible .hp-page.site-main > .hp-row {
display: grid !important;
grid-template-columns: minmax(340px, 40fr) minmax(0, 60fr) !important;
gap: clamp(18px, 1.5vw, 30px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-map-hidden.marnamic-archive-filters-visible .hp-page.marnamic-archive-workspace > .hp-row > .hp-page__sidebar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery.marnamic-archive-map-hidden.marnamic-archive-filters-visible .hp-page.site-main > .hp-row > .hp-page__sidebar {
position: sticky !important;
top: var(--marnamic-archive-workspace-offset, 204px) !important;
display: block !important;
width: 100% !important;
max-width: none !important;
height: 80dvh !important;
max-height: calc(100dvh - var(--marnamic-archive-workspace-offset, 204px) - 12px) !important;
padding: 0 !important;
overflow: hidden !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-map-hidden.marnamic-archive-filters-visible .hp-page.marnamic-archive-workspace > .hp-row > .hp-page__content,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery.marnamic-archive-map-hidden.marnamic-archive-filters-visible .hp-page.site-main > .hp-row > .hp-page__content {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
flex-basis: auto !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible:is(.marnamic-archive-search-results, .marnamic-vendor-discovery)
.hp-page__sidebar > .marnamic-archive-filter-shell.marnamic-archive-filter-dialog {
position: relative !important;
inset: auto !important;
display: flex !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #132124 !important;
border: 1px solid rgba(161, 192, 195, 0.38) !important;
border-radius: 12px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page.marnamic-archive-workspace .hp-page__sidebar .marnamic-filter-dialog--enhanced,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page.marnamic-archive-workspace .hp-page__sidebar .marnamic-filter-dialog--enhanced > :is(.hp-modal, .hp-modal--mobile),
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page.marnamic-archive-workspace .hp-page__sidebar .hp-form--vendor-filter {
position: static !important;
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
width: 100% !important;
height: auto !important;
min-width: 0 !important;
max-width: none !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
clip-path: none !important;
pointer-events: auto !important;
background: transparent !important;
border: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-dialog__fields {
flex: 1 1 0 !important;
min-height: 0 !important;
grid-auto-rows: max-content !important; padding: 16px 18px !important;
overflow-y: auto !important;
scrollbar-gutter: stable !important;
scrollbar-width: thin !important;
scrollbar-color: rgba(161, 192, 195, 0.55) transparent !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-dialog__header { flex: 0 0 auto !important; }
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-dialog__footer {
flex: 0 0 auto !important;
padding: 16px 18px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar > .marnamic-archive-map-shell,
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-archive-filter-close { display: none !important; }
body.wp-child-theme-marnamic.marnamic-archive-filters-visible #content .hp-page__sidebar .marnamic-archive-filter-close {
display: none !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-dialog__header { min-height: 68px !important; padding: 14px 18px !important; }
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-section--accordion {
padding: 0 0 16px !important;
border: 0 !important;
border-bottom: 1px solid rgba(161, 192, 195, 0.24) !important;
border-radius: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-section__toggle {
padding-inline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-section__description,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-section--accordion > .marnamic-filter-section__grid {
padding-inline: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-filters-visible
.hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results--vendor.marnamic-archive-filters-visible
.hp-vendors > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery.marnamic-archive-map-hidden.marnamic-archive-filters-visible
.hp-page__content .hp-vendors.hp-block.hp-grid > .hp-row,
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-vendor-discovery.marnamic-archive-map-hidden.marnamic-archive-filters-visible
.hp-page__content .hp-vendors > .hp-row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible > .select2-container--open .select2-dropdown,
body.wp-child-theme-marnamic.marnamic-archive-filters-visible > .select2-container--open .select2-results__option {
color: #f1e9dd !important;
background: #192b2e !important;
border-color: rgba(161, 192, 195, 0.38) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible > .select2-container--open .select2-search__field {
color: #f1e9dd !important;
background: #0f1c1e !important;
border-color: rgba(161, 192, 195, 0.44) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible > .select2-container--open
.select2-results__option:is(.select2-results__option--highlighted, [aria-selected="true"]) {
color: #132124 !important;
background: #61a5ac !important;
}
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor).marnamic-archive-map-hidden.marnamic-archive-filters-visible
.hp-page.marnamic-archive-workspace > .hp-row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor).marnamic-archive-filters-visible
.hp-page.marnamic-archive-workspace > .hp-row > .hp-page__sidebar {
grid-column: 1 !important;
width: 100% !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor).marnamic-archive-filters-visible
.hp-page.marnamic-archive-workspace > .hp-row > .hp-page__content {
grid-column: 2 !important;
width: 100% !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-section--accordion {
display: block !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid rgba(161, 192, 195, 0.24) !important;
border-radius: 0 !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-section__toggle {
display: flex !important;
width: 100% !important;
min-height: 56px !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
padding: 14px 18px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
text-align: left !important;
cursor: pointer !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-section__toggle::after {
content: '⌄' !important;
margin-left: auto !important;
color: var(--marnamic-blue-grey, #a1c0c3) !important;
font-size: 22px !important;
line-height: 1 !important;
transform: rotate(0deg) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-section.is-open .marnamic-filter-section__toggle::after {
transform: rotate(180deg) !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-section__toggle:is(:hover, :focus-visible) {
background: rgba(97, 165, 172, 0.12) !important;
outline: 2px solid var(--marnamic-teal, #61a5ac) !important;
outline-offset: -2px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-section__description {
padding: 0 18px 8px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar .marnamic-filter-section__grid {
padding: 0 18px 18px !important;
}
body.wp-child-theme-marnamic.marnamic-archive-filters-visible .hp-page__sidebar :is(.marnamic-filter-section__description, .marnamic-filter-section__grid)[hidden] {
display: none !important;
}
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.site-content {
padding-top: 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.hp-page__header {
position: sticky !important;
top: var(--marnamic-header-height, 96px) !important;
z-index: 80 !important;
align-items: center !important;
gap: 12px !important;
margin: 0 0 8px !important;
padding: 8px 0 !important;
background: rgba(15, 25, 27, 0.98) !important;
border: 0 !important;
box-shadow: none !important;
backdrop-filter: blur(12px);
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.hp-page__header .hp-form--vendor-search.marnamic-air-search {
min-height: 68px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.hp-page__header .hp-form--vendor-search.marnamic-air-search .hp-form__field {
min-height: 68px !important;
padding-block: 9px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.hp-page.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar {
position: sticky !important;
top: var(--marnamic-archive-sticky-offset, 180px) !important;
z-index: 70 !important;
min-height: 60px !important;
margin: 0 0 10px !important;
padding: 8px 12px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results):not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace > .hp-row > .hp-page__sidebar,
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results).marnamic-archive-map-hidden.marnamic-archive-filters-visible
.hp-page.marnamic-archive-workspace > .hp-row > .hp-page__sidebar {
top: var(--marnamic-archive-workspace-offset, 250px) !important;
height: calc(100dvh - var(--marnamic-archive-workspace-offset, 250px) - 12px) !important;
min-height: 420px !important;
max-height: none !important;
}
} @media (max-width: 767px) {
html:has(body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)),
body.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results) {
max-width: 100% !important;
overflow-x: clip !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.hp-page.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
row-gap: 10px !important;
width: 100% !important;
min-width: 0 !important;
margin-bottom: 12px !important;
padding: 10px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .hp-result-count {
grid-column: 1 !important;
justify-self: start !important;
margin: 0 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-actions {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: 8px !important;
row-gap: 8px !important;
width: 100% !important;
min-width: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-actions > :is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle) {
box-sizing: border-box !important;
flex: none !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding-inline: 10px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-actions > .marnamic-archive-filter-button {
border-radius: var(--marnamic-ui-radius-sm, 9px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-actions > .marnamic-archive-map-toggle {
border-left-width: 1px !important;
border-radius: var(--marnamic-ui-radius-sm, 9px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-actions > :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
grid-column: 1 / -1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 44px !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-actions > :is(.hp-form--vendor-sort, .hp-form--listing-sort)
:is(.hp-form__fields, .hp-form__field, .selection, .select2.select2-container, .select2-selection--single) {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 44px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-actions > :is(.hp-form--vendor-sort, .hp-form--listing-sort)
.hp-form__fields > .hp-form__field--select {
grid-column: 1 / -1 !important;
justify-self: stretch !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-actions > :is(.hp-form--vendor-sort, .hp-form--listing-sort)
.select2.select2-container {
grid-column: 1 / -1 !important;
justify-self: stretch !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-actions > :is(.hp-form--vendor-sort, .hp-form--listing-sort) .hp-field__label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
white-space: nowrap !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-filter-shell.marnamic-archive-filter-dialog {
grid-template-columns: minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
:is(
.marnamic-filter-dialog--enhanced,
.marnamic-filter-dialog--enhanced > :is(.hp-modal, .hp-modal--mobile),
.marnamic-filter-dialog--enhanced :is(.hp-form--vendor-filter, .hp-form--listing-filter),
.marnamic-filter-dialog--enhanced .marnamic-filter-dialog__fields,
.marnamic-filter-dialog--enhanced .marnamic-filter-section--accordion,
.marnamic-filter-dialog--enhanced .marnamic-filter-section__header,
.marnamic-filter-dialog--enhanced .marnamic-filter-section__toggle
) {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
align-self: stretch !important;
justify-self: stretch !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor):not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace > .hp-row {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor):not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace > .hp-row > .hp-page__sidebar {
display: block !important;
order: 1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: clamp(300px, 46dvh, 420px) !important;
min-height: 300px !important;
margin: 0 0 14px !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor):not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace > .hp-row > .hp-page__content {
order: 2 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor):not(.marnamic-archive-map-hidden)
.hp-page__sidebar :is(.marnamic-archive-map-shell, .marnamic-map-hotfix--archive, [id^="marnamic-hotfix-map-"]) {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 300px !important;
max-height: none !important;
margin-bottom: 0 !important;
border-radius: 12px !important;
}
} @media (min-width: 1100px) { body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor):not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace > .hp-row > .hp-page__sidebar {
height: clamp(440px, 68dvh, 680px) !important;
top: calc(
var(--marnamic-archive-workspace-offset, 250px)
+ max(
0px,
(100dvh - var(--marnamic-archive-workspace-offset, 250px) - clamp(440px, 68dvh, 680px)) / 2
)
) !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor):not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace .hp-page__sidebar :is(.marnamic-archive-map-shell, .marnamic-map-hotfix--archive, [id^="marnamic-hotfix-map-"]) {
overflow: hidden !important;
border: 0 !important;
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results--vendor):not(.marnamic-archive-map-hidden)
.hp-page.marnamic-archive-workspace .hp-page__sidebar [id^="marnamic-hotfix-map-"] {
border-radius: var(--marnamic-ui-radius-md, 8px) !important;
box-shadow: none !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.hp-page.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
align-items: center !important;
gap: 8px !important;
padding: 10px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .marnamic-archive-workspace-actions {
display: contents !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-result-count, .marnamic-archive-filter-button, .marnamic-archive-map-toggle, .hp-form--vendor-sort, .hp-form--listing-sort) {
grid-column: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle) {
border-radius: var(--marnamic-ui-radius-sm, 9px) !important;
border-left-width: 1px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort)
:is(.hp-form__fields, .hp-form__field, .select2-container) {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: 1 / -1 !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .hp-field__label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip-path: inset(50%) !important;
}
@media (max-width: 767px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.hp-page.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
grid-column: 2 !important;
grid-row: 1 !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar .marnamic-archive-workspace-actions form.hp-form--pivot .hp-form__fields,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar .marnamic-archive-workspace-actions form.hp-form--pivot .hp-form__field,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .hp-page.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar .marnamic-archive-workspace-actions form.hp-form--pivot .select2-container {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort) {
display: block !important;
}
@media (max-width: 767px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-archive-workspace-toolbar .select2-selection__rendered {
font-size: 13px !important;
padding-left: 10px !important;
padding-right: 28px !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-filter-section__header,
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-filter-section__header .marnamic-filter-section__toggle {
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-filter-section__header {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 4px !important;
min-height: 0 !important;
align-items: stretch !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-filter-section--accordion {
row-gap: 8px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-filter-section__header .marnamic-filter-section__toggle {
box-sizing: border-box !important;
min-height: 48px !important;
padding-block: 12px !important;
padding-inline: 0 !important;
border-radius: 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
transform: none !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-filter-section__header .marnamic-filter-section__description {
grid-column: 1 !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-filter-section__header .marnamic-filter-section__toggle:hover {
outline: none !important;
background: transparent !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-filter-section__header .marnamic-filter-section__toggle:focus-visible {
outline: 2px solid var(--marnamic-teal, #61a5ac) !important;
outline-offset: 2px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-filter-section__header .marnamic-filter-section__toggle::after {
content: '' !important;
flex: 0 0 9px !important;
width: 9px !important;
height: 9px !important;
margin: -4px 4px 0 auto !important;
border: solid var(--marnamic-mint, #a1c0c3) !important;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic .marnamic-filter-section.is-open .marnamic-filter-section__header .marnamic-filter-section__toggle::after {
margin-top: 4px !important;
transform: rotate(225deg) !important;
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results
.hp-page__header {
background: var(--marnamic-dark, #132124) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-empty-results:not(.marnamic-archive-map-hidden)
.hp-page.site-main > .hp-row {
display: grid !important;
grid-template-columns: minmax(0, 1.08fr) minmax(390px, 0.92fr) !important;
align-items: stretch !important;
gap: var(--marnamic-archive-panel-gap, 24px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-empty-results:not(.marnamic-archive-map-hidden)
.hp-page.site-main > .hp-row > .hp-page__sidebar {
display: block !important;
grid-column: 1 !important;
grid-row: 1 !important;
order: initial !important;
width: 100% !important;
height: calc(100dvh - var(--marnamic-archive-workspace-offset, 250px) - 16px) !important;
min-height: 420px !important;
max-height: none !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-empty-results:not(.marnamic-archive-map-hidden)
.hp-page.site-main > .hp-row > .hp-page__content {
display: grid !important;
grid-column: 2 !important;
grid-row: 1 !important;
order: initial !important;
align-content: start !important;
width: 100% !important;
min-height: 360px !important;
padding: clamp(24px, 4vw, 64px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-empty-results:not(.marnamic-archive-map-hidden)
.hp-page.site-main > .hp-row > .hp-page__content > .hp-no-results {
width: 100% !important;
max-width: 620px !important;
margin: 0 !important;
}
} @media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results):not(.marnamic-archive-map-hidden)
.hp-page.site-main > .hp-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
align-items: start !important;
gap: var(--marnamic-archive-panel-gap, 24px) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results):not(.marnamic-archive-map-hidden)
.hp-page.site-main > .hp-row > .hp-page__sidebar {
display: block !important;
grid-column: 1 !important;
grid-row: 1 !important;
order: initial !important;
width: 100% !important;
max-width: none !important;
height: calc(100dvh - var(--marnamic-archive-workspace-offset, 250px) - 16px) !important;
min-height: 420px !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results):not(.marnamic-archive-map-hidden)
.hp-page.site-main > .hp-row > .hp-page__content {
display: block !important;
grid-column: 2 !important;
grid-row: 1 !important;
order: initial !important;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}
} body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
align-items: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .hp-result-count {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: center !important;
width: auto !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 14px !important;
border: 1px solid rgba(161, 192, 195, 0.3) !important;
border-radius: 999px !important;
background: rgba(22, 43, 45, 0.72) !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-variant-numeric: tabular-nums;
text-align: center !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle) {
min-height: 42px !important;
} body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort),
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort)
:is(.hp-form__fields, .hp-form__field, .selection, .select2.select2-container, .select2-selection.select2-selection--single) {
width: 100% !important;
min-width: 0 !important;
height: 42px !important;
min-height: 42px !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort)
.select2-selection.select2-selection--single {
display: flex !important;
align-items: center !important;
box-sizing: border-box !important;
border-color: rgba(161, 192, 195, 0.42) !important;
border-radius: var(--marnamic-ui-radius-sm, 9px) !important;
background: var(--marnamic-action-secondary, #102326) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort)
.select2-selection__rendered {
display: flex !important;
align-items: center !important;
width: 100% !important;
height: 40px !important;
padding: 0 34px 0 12px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: 0.82rem !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-filter-button {
background: var(--marnamic-action-secondary, #102326) !important;
border-color: rgba(161, 192, 195, 0.42) !important;
color: var(--marnamic-cream, #f1e9dd) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results).marnamic-archive-filters-visible
.marnamic-archive-filter-button {
background: var(--marnamic-teal, #6bb5bf) !important;
border-color: var(--marnamic-teal, #6bb5bf) !important;
color: #092124 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results).marnamic-archive-filters-visible
.marnamic-archive-map-toggle {
background: var(--marnamic-action-secondary, #102326) !important;
border-color: rgba(161, 192, 195, 0.42) !important;
color: var(--marnamic-cream, #f1e9dd) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-filter-count {
display: inline-flex !important;
align-items: center !important;
min-height: 22px !important;
margin-left: 7px !important;
padding: 2px 7px !important;
border: 1px solid rgba(214, 245, 107, 0.48) !important;
border-radius: 999px !important;
background: rgba(214, 245, 107, 0.1) !important;
color: var(--marnamic-lime, #d6f56b) !important;
font-size: 0.7rem !important;
font-weight: 700 !important;
line-height: 1 !important;
}
@media (max-width: 767px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .hp-result-count,
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .hp-form--vendor-sort {
grid-column: 1 / -1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .hp-result-count {
grid-row: 1 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .marnamic-archive-filter-button {
grid-column: 1 !important;
grid-row: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .marnamic-archive-map-toggle {
grid-column: 2 !important;
grid-row: 2 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .hp-form--vendor-sort {
grid-row: 3 !important;
}
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results
.hp-no-results .marnamic-archive-empty-preview {
width: 100% !important;
margin-top: 28px !important;
padding-top: 24px !important;
border-top: 1px solid rgba(161, 192, 195, 0.24) !important;
}
@media (min-width: 1100px) {
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-empty-results
.marnamic-archive-empty-preview > h3 {
margin: 0 0 16px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: 1rem !important;
line-height: 1.3 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-empty-results
.marnamic-archive-empty-preview .hp-vendors > .hp-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 16px !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-archive-search-results.marnamic-archive-empty-results
.marnamic-archive-empty-preview .hp-vendors > .hp-row > * {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results):not(.marnamic-archive-filters-visible)
.marnamic-archive-workspace-toolbar .marnamic-archive-filter-button {
background: var(--marnamic-action-secondary, #102326) !important;
border-color: rgba(161, 192, 195, 0.42) !important;
color: var(--marnamic-cream, #f1e9dd) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results).marnamic-archive-filters-visible
.marnamic-archive-workspace-toolbar .marnamic-archive-filter-button {
background: var(--marnamic-teal, #6bb5bf) !important;
border-color: var(--marnamic-teal, #6bb5bf) !important;
color: #092124 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar > .hp-result-count {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
text-align: center !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort),
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar :is(.hp-form--vendor-sort, .hp-form--listing-sort)
:is(.hp-form__fields, .hp-form__field, .selection, .select2.select2-container, .select2-selection.select2-selection--single) {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar .select2-selection.select2-selection--single {
height: 42px !important;
min-height: 42px !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
align-items: center !important;
gap: 12px !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar > :is(.marnamic-archive-workspace-actions, .marnamic-archive-workspace-summary) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
min-width: 0 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-actions > :is(.marnamic-archive-filter-button, .marnamic-archive-map-toggle),
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-summary > :is(.hp-result-count, .hp-form--vendor-sort, .hp-form--listing-sort) {
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-summary > .hp-result-count {
display: flex !important;
min-height: 42px !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
text-align: center !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-summary > :is(.hp-form--vendor-sort, .hp-form--listing-sort),
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-summary > :is(.hp-form--vendor-sort, .hp-form--listing-sort)
:is(.hp-form__fields, .hp-form__field, .selection, .select2.select2-container, .select2-selection.select2-selection--single) {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-summary > :is(.hp-form--vendor-sort, .hp-form--listing-sort)
.select2-selection.select2-selection--single {
height: 42px !important;
min-height: 42px !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-filter-button {
background: var(--marnamic-action-secondary, #102326) !important;
border-color: rgba(161, 192, 195, 0.42) !important;
color: var(--marnamic-cream, #f1e9dd) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-filter-button.is-panel-visible {
background: var(--marnamic-teal, #6bb5bf) !important;
border-color: var(--marnamic-teal, #6bb5bf) !important;
color: #092124 !important;
}
@media (max-width: 767px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar {
grid-template-columns: minmax(0, 1fr) !important;
}
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.hp-template--vendors-view-page
.hp-page.site-main > .hp-page__header {
background: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.hp-page.site-main.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar
> :is(.marnamic-archive-workspace-actions, .marnamic-archive-workspace-summary) > * {
box-sizing: border-box !important;
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
justify-self: stretch !important;
margin: 0 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.hp-page.site-main.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar
.hp-result-count {
justify-content: center !important;
text-align: center !important;
white-space: normal !important;
} @media (max-width: 1099px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results):not(.marnamic-archive-map-hidden)
.hp-page.site-main > .hp-row > .hp-page__sidebar
:is(.inner-wrapper-sticky, .marnamic-archive-map-shell, .marnamic-map-hotfix--archive, [id^="marnamic-hotfix-map-"]) {
min-height: 0 !important;
height: 100% !important;
}
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-page.site-main .marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions > .marnamic-archive-filter-button:not(.is-panel-visible) {
background: var(--marnamic-control-surface, #0f191b) !important;
color: var(--marnamic-cream, #f1e9dd) !important;
border-color: var(--marnamic-control-border, rgba(161, 192, 195, 0.3)) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-page.site-main .marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions > .marnamic-archive-filter-button.is-panel-visible {
--marnamic-action-secondary: var(--marnamic-teal, #61a5ac);
--marnamic-action-secondary-hover: var(--marnamic-teal, #61a5ac);
--marnamic-action-secondary-text: var(--marnamic-dark, #132124);
--marnamic-action-secondary-border: var(--marnamic-teal, #61a5ac);
background: var(--marnamic-teal, #61a5ac) !important;
color: var(--marnamic-dark, #132124) !important;
border-color: var(--marnamic-teal, #61a5ac) !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic
.hp-page.site-main .marnamic-archive-workspace-toolbar
.marnamic-archive-workspace-actions > .marnamic-archive-filter-button
.marnamic-archive-filter-count {
color: #132124 !important;
-webkit-text-fill-color: #132124 !important;
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive .site-header,
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive .header-navbar {
position: relative !important;
top: auto !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive .hp-page.site-main > .hp-page__header {
position: sticky !important;
top: var(--marnamic-archive-search-offset, 0px) !important;
z-index: 100 !important;
margin-block: 0 !important;
padding-block: 8px !important;
background: var(--marnamic-ui-bg, #132124) !important;
overflow: visible !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive .site-content {
padding-top: 12px !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar {
position: sticky !important;
top: var(--marnamic-archive-sticky-offset, 0px) !important;
z-index: 80 !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
min-height: 60px !important;
padding: 8px 0 !important;
gap: 8px !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: var(--marnamic-ui-bg, #132124) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main .marnamic-archive-workspace-toolbar > .marnamic-archive-workspace-actions {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.marnamic-archive-mobile-count { display: none; }
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main .marnamic-archive-workspace-toolbar > .marnamic-archive-workspace-actions {
grid-row: 1 !important;
grid-column: 1 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main .marnamic-archive-workspace-toolbar > .marnamic-archive-workspace-summary {
grid-row: 1 !important;
grid-column: 2 !important;
}
@media (max-width: 1099px) {
.marnamic-compact-archive .marnamic-archive-mobile-count { display: block; margin: 8px 0; font-size: 14px; }
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar {
grid-template-columns: minmax(0, 1fr) 120px !important;
gap: 8px !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main .marnamic-archive-workspace-toolbar > .marnamic-archive-workspace-summary {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main .marnamic-archive-workspace-toolbar .hp-result-count { display: none !important; }
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main .marnamic-archive-workspace-toolbar > .marnamic-archive-workspace-actions {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 480px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main .marnamic-archive-workspace-toolbar .marnamic-archive-action-label { display: none !important; }
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main .marnamic-archive-workspace-toolbar button { padding-inline: 6px !important; }
} @media (min-width: 1100px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.hp-page.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
align-items: center !important;
gap: 8px !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar > :is(.marnamic-archive-workspace-actions, .marnamic-archive-workspace-summary) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.marnamic-vendor-discovery, .marnamic-archive-search-results)
.marnamic-archive-workspace-toolbar > :is(.marnamic-archive-workspace-actions, .marnamic-archive-workspace-summary) > * {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
} @media (min-width: 768px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main .marnamic-archive-workspace-toolbar > :is(.marnamic-archive-workspace-actions, .marnamic-archive-workspace-summary) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main .marnamic-archive-workspace-toolbar .hp-result-count {
display: flex !important;
}
.marnamic-compact-archive .marnamic-archive-mobile-count { display: none; }
} @media (max-width: 767px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar.marnamic-archive-workspace-toolbar--no-sort {
grid-template-columns: minmax(0, 1fr) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main .marnamic-archive-workspace-toolbar--no-sort > .marnamic-archive-workspace-summary {
display: none !important;
}
}
@media (min-width: 768px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main .marnamic-archive-workspace-toolbar--no-sort > .marnamic-archive-workspace-summary {
grid-template-columns: minmax(0, 1fr) !important;
}
} @media (min-width: 1100px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive
.hp-page.site-main.marnamic-archive-workspace > .marnamic-archive-workspace-toolbar {
column-gap: var(--marnamic-archive-panel-gap, 24px) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive:is(:not(.marnamic-archive-map-hidden), .marnamic-archive-filters-visible)
.hp-page.site-main.marnamic-archive-workspace > .hp-row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: var(--marnamic-archive-panel-gap, 24px) !important;
align-items: start !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive:is(:not(.marnamic-archive-map-hidden), .marnamic-archive-filters-visible)
.hp-page.site-main.marnamic-archive-workspace > .hp-row > .hp-page__sidebar {
position: sticky !important;
top: var(--marnamic-archive-workspace-offset, 204px) !important;
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
height: max(320px, calc((100dvh - var(--marnamic-archive-workspace-offset, 204px) - 16px) * .80)) !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.marnamic-compact-archive:is(:not(.marnamic-archive-map-hidden), .marnamic-archive-filters-visible)
.hp-page.site-main.marnamic-archive-workspace > .hp-row > .hp-page__content {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
}