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 {
--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.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;
}
}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:is(.blog, .category, .tag, .search-results)
.site-content {
padding-top: clamp(38px, 5vw, 72px) !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-content > .container > .marnamic-blog-layout {
display: grid !important;
grid-template-columns: minmax(0, 9fr) minmax(260px, 3fr) !important;
gap: clamp(28px, 3vw, 52px) !important;
align-items: start !important;
margin: 0 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.marnamic-blog-layout > main {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic .marnamic-blog-intro {
max-width: 880px;
margin: 0 0 clamp(28px, 4vw, 52px);
}
body.wp-child-theme-marnamic .marnamic-blog-intro__eyebrow {
display: inline-flex;
align-items: center;
min-height: 32px;
margin: 0 0 16px;
padding: 6px 12px;
color: var(--marnamic-lime);
background: rgba(231, 253, 135, 0.06);
border: 1px solid rgba(231, 253, 135, 0.34);
border-radius: 999px;
font-size: 0.75rem;
font-weight: 700;
line-height: 1.15;
letter-spacing: 0.1em;
text-transform: uppercase;
}
body.wp-child-theme-marnamic .marnamic-blog-intro__title {
max-width: 14ch;
margin: 0 !important;
font-size: clamp(2.7rem, 5vw, 4.8rem) !important;
font-weight: 400 !important;
line-height: 0.98 !important;
letter-spacing: -0.04em !important;
text-wrap: balance;
}
body.wp-child-theme-marnamic .marnamic-blog-intro__description {
max-width: 64ch;
margin: clamp(16px, 2vw, 24px) 0 0 !important;
color: var(--marnamic-text-muted) !important;
font-size: clamp(1rem, 1.3vw, 1.18rem);
line-height: 1.65;
} body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.posts {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: var(--marnamic-grid-gap, clamp(18px, 1.35vw, 28px)) !important;
width: 100% !important;
}
body.wp-child-theme-marnamic .post--archive {
position: relative;
display: flex !important;
min-width: 0;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
flex-direction: column;
color: var(--marnamic-cream);
background:
linear-gradient(180deg, rgba(32, 51, 55, 0.88), rgba(24, 39, 43, 0.96));
border: 1px solid var(--marnamic-border) !important;
border-radius: 12px;
box-shadow: 0 12px 34px rgba(0, 0, 0, 0.14);
transition:
border-color 180ms ease,
transform 180ms ease,
box-shadow 180ms ease;
}
body.wp-child-theme-marnamic .post--archive a,
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar a,
body.single-post.wp-child-theme-marnamic :is(
.post__tags,
.post-navbar,
#comments
) a {
text-decoration: none;
}
body.wp-child-theme-marnamic .post--archive:hover {
border-color: rgba(231, 253, 135, 0.56) !important;
box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
transform: translateY(-2px);
}
body.wp-child-theme-marnamic .post--archive .post__header,
body.wp-child-theme-marnamic .post--archive .post__header--cover {
display: flex;
margin: 0 !important;
flex-direction: column;
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic .post--archive .post__image {
order: 0;
position: relative;
width: 100%;
aspect-ratio: 16 / 10;
overflow: hidden;
background: var(--marnamic-panel-soft);
}
body.wp-child-theme-marnamic .post--archive .post__image a {
display: block;
width: 100%;
height: 100%;
}
body.wp-child-theme-marnamic .post--archive .post__image img {
display: block;
width: 100%;
height: 100%;
border-radius: 0 !important;
object-fit: cover;
transition: transform 320ms ease;
}
body.wp-child-theme-marnamic .post--archive:hover .post__image img {
transform: scale(1.025);
}
body.wp-child-theme-marnamic .post--archive .post__image a::after {
inset: 0;
border-radius: 0 !important;
background:
linear-gradient(180deg, transparent 56%, rgba(15, 25, 27, 0.34)) !important;
pointer-events: none;
}
body.wp-child-theme-marnamic .post--archive .post__categories {
position: static !important;
order: 1;
display: flex;
flex-wrap: wrap;
gap: 7px;
margin: 0;
padding: 20px 22px 0 !important;
}
body.wp-child-theme-marnamic .post--archive .post__categories a,
body.single-post.wp-child-theme-marnamic .header-hero .post__categories a {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 5px 9px;
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);
border-radius: 999px;
font-size: 0.67rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: 0.08em;
text-transform: uppercase;
}
body.wp-child-theme-marnamic .post--archive .post__categories a:hover,
body.single-post.wp-child-theme-marnamic .header-hero .post__categories a:hover {
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));
}
body.wp-child-theme-marnamic .post--archive .post__title {
position: static !important;
order: 2;
margin: 0 !important;
padding: 14px 22px 0 !important;
font-size: clamp(1.28rem, 1.65vw, 1.62rem) !important;
font-weight: 400 !important;
line-height: 1.18 !important;
letter-spacing: -0.025em !important;
text-wrap: balance;
}
body.wp-child-theme-marnamic .post--archive .post__title a {
color: var(--marnamic-cream) !important;
}
body.wp-child-theme-marnamic .post--archive .post__title a:hover {
color: var(--marnamic-lime) !important;
}
body.wp-child-theme-marnamic .post--archive .post__content {
display: flex;
height: 100%;
padding: 16px 22px 22px;
flex: 1 1 auto;
flex-direction: column;
}
body.wp-child-theme-marnamic .post--archive .post__text {
margin: 0 0 22px !important;
color: var(--marnamic-text-muted);
}
body.wp-child-theme-marnamic .post--archive .post__text p {
display: -webkit-box;
margin: 0 !important;
overflow: hidden;
color: inherit !important;
font-size: 0.98rem;
line-height: 1.62;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
body.wp-child-theme-marnamic .post--archive .post__details {
display: grid !important;
grid-template-areas:
"date date"
"comments readmore";
grid-template-columns: auto 1fr;
gap: 10px 12px;
align-items: center;
margin-top: auto;
padding-top: 18px;
border-top: 1px solid var(--marnamic-border-soft);
}
body.wp-child-theme-marnamic .post--archive .post__details > * {
margin: 0 !important;
color: var(--marnamic-text-soft);
font-size: 0.72rem;
font-weight: 600;
line-height: 1.25;
letter-spacing: 0.06em;
text-transform: uppercase;
}
body.wp-child-theme-marnamic .post--archive .post__details > *::after {
display: none !important;
}
body.wp-child-theme-marnamic .post--archive .post__date,
body.wp-child-theme-marnamic .post--archive .post__sticky {
grid-area: date;
} body.wp-child-theme-marnamic .post--archive .post__author,
body.single-post.wp-child-theme-marnamic
.header-hero.post--single .post__author {
display: none !important;
}
body.wp-child-theme-marnamic .post--archive .post__comments {
grid-area: comments;
display: inline-flex;
align-items: center;
width: max-content;
min-height: 40px;
padding: 0 13px;
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.7);
border: 1px solid var(--marnamic-border);
border-radius: 8px;
letter-spacing: 0;
text-transform: none;
transition: border-color 160ms ease, color 160ms ease, background 160ms ease;
}
body.wp-child-theme-marnamic .post--archive .post__comments::before {
margin-right: 7px;
content: "\f075";
color: var(--marnamic-mint, #a1c0c3);
font-family: "Font Awesome 5 Free";
font-size: 0.84rem;
font-weight: 900;
}
body.wp-child-theme-marnamic .post--archive .post__comments:hover {
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-panel-soft);
border-color: rgba(97, 165, 172, 0.58);
}
body.wp-child-theme-marnamic .post--archive .post__readmore {
grid-area: readmore;
display: inline-flex;
align-items: center;
justify-self: end;
min-height: 40px;
padding: 0 14px;
gap: 8px;
color: var(--marnamic-action-primary-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-action-primary, var(--marnamic-teal, #61a5ac));
border: 1px solid var(--marnamic-action-primary, var(--marnamic-teal, #61a5ac));
border-radius: 8px;
font-size: 0.78rem;
font-weight: 700;
line-height: 1;
letter-spacing: 0;
text-transform: none;
transition: background 160ms ease, border-color 160ms ease;
}
body.wp-child-theme-marnamic .post--archive .post__readmore:hover {
color: var(--marnamic-action-primary-text, var(--marnamic-dark, #132124)) !important;
background: var(--marnamic-action-primary-hover, #78b8be);
border-color: var(--marnamic-action-primary-hover, #78b8be);
}
body.wp-child-theme-marnamic .post--archive .post__readmore i {
font-size: 0.72rem;
} body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.marnamic-blog-layout > .site-sidebar {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
grid-column: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget--sidebar {
margin: 0 0 18px !important;
padding: 22px;
color: var(--marnamic-cream);
background: rgba(24, 39, 43, 0.72);
border: 1px solid var(--marnamic-border-soft);
border-radius: 12px;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget__title {
margin: 0 0 18px !important;
font-size: 1.2rem !important;
font-weight: 400 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget ul {
margin: 0;
padding: 0;
list-style: none;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget li {
margin: 0 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget li + li {
margin-top: 10px !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget li a {
color: var(--marnamic-text-muted);
line-height: 1.45;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget li a:hover {
color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-field {
width: 100% !important;
min-width: 0;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-submit {
width: 44px !important;
min-width: 44px !important;
padding: 0 !important;
font-size: 0 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-submit::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .tagcloud {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .tagcloud a {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 5px 10px;
color: var(--marnamic-mint) !important;
background: rgba(161, 192, 195, 0.08);
border: 1px solid var(--marnamic-border-soft);
border-radius: 999px;
font-size: 0.75rem !important;
font-weight: 600;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .tagcloud a:hover {
color: var(--marnamic-dark) !important;
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.wp-child-theme-marnamic .marnamic-blog-empty {
padding: clamp(28px, 4vw, 48px);
background: rgba(24, 39, 43, 0.7);
border: 1px solid var(--marnamic-border);
border-radius: 12px;
} body.single-post.wp-child-theme-marnamic .header-hero.post--single {
min-height: clamp(460px, 42vw, 610px) !important;
}
body.single-post.wp-child-theme-marnamic
.header-hero.post--single .post__header {
max-width: 1040px !important;
padding: 0 20px;
}
body.single-post.wp-child-theme-marnamic
.header-hero.post--single .post__categories {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin-bottom: 20px;
}
body.single-post.wp-child-theme-marnamic
.header-hero.post--single .post__title {
margin: 0 !important;
font-size: clamp(2.6rem, 5.2vw, 5rem) !important;
font-weight: 400 !important;
line-height: 0.99 !important;
letter-spacing: -0.045em !important;
}
body.single-post.wp-child-theme-marnamic
.header-hero.post--single .post__details {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
gap: 8px 10px;
margin-top: 24px;
}
body.single-post.wp-child-theme-marnamic
.header-hero.post--single .post__details > * {
margin: 0 !important;
color: rgba(241, 233, 221, 0.78) !important;
}
body.single-post.wp-child-theme-marnamic
.header-hero.post--single .post__details > *::after {
display: none !important;
} body.single-post.wp-child-theme-marnamic .site-content {
padding-top: clamp(52px, 7vw, 96px) !important;
}
body.single-post.wp-child-theme-marnamic .site-content main {
width: min(100%, 980px) !important;
max-width: 980px !important;
padding: 0 !important;
}
body.single-post.wp-child-theme-marnamic .post--single {
width: 100%;
}
body.single-post.wp-child-theme-marnamic .post--single .post__text {
width: 100% !important;
max-width: 900px !important;
color: var(--marnamic-text-muted);
font-size: clamp(1.03rem, 1.1vw, 1.14rem);
line-height: 1.78;
}
body.single-post.wp-child-theme-marnamic .post__text > * {
margin-top: 0;
}
body.single-post.wp-child-theme-marnamic .post__text > p {
margin-bottom: 1.35em !important;
color: var(--marnamic-text-muted) !important;
line-height: 1.78;
}
body.single-post.wp-child-theme-marnamic .post__text > p:first-child {
color: var(--marnamic-cream) !important;
font-size: clamp(1.16rem, 1.5vw, 1.34rem);
line-height: 1.62;
}
body.single-post.wp-child-theme-marnamic .post__text h2 {
margin: clamp(52px, 7vw, 82px) 0 22px !important;
font-size: clamp(2rem, 3.3vw, 3rem) !important;
font-weight: 400 !important;
line-height: 1.08 !important;
letter-spacing: -0.035em !important;
text-wrap: balance;
}
body.single-post.wp-child-theme-marnamic .post__text h3 {
margin: clamp(36px, 5vw, 58px) 0 18px !important;
font-size: clamp(1.45rem, 2.2vw, 2rem) !important;
line-height: 1.15 !important;
letter-spacing: -0.025em !important;
}
body.single-post.wp-child-theme-marnamic .post__text h4 {
margin: 34px 0 14px !important;
font-size: 1.22rem !important;
}
body.single-post.wp-child-theme-marnamic .post__text :is(strong, b) {
color: var(--marnamic-cream);
font-weight: 700;
}
body.single-post.wp-child-theme-marnamic .post__text a {
color: var(--marnamic-lime);
text-decoration: underline;
text-decoration-color: rgba(231, 253, 135, 0.38);
text-decoration-thickness: 1px;
text-underline-offset: 0.2em;
}
body.single-post.wp-child-theme-marnamic .post__text a:hover {
color: var(--marnamic-lime-hover);
text-decoration-color: currentColor;
}
body.single-post.wp-child-theme-marnamic .post__text :is(ul, ol) {
margin: 0 0 1.7em !important;
padding-left: 1.35em;
}
body.single-post.wp-child-theme-marnamic .post__text li {
margin: 0 !important;
color: var(--marnamic-text-muted) !important;
line-height: 1.7;
}
body.single-post.wp-child-theme-marnamic .post__text li + li {
margin-top: 0.68em !important;
}
body.single-post.wp-child-theme-marnamic .post__text li::marker {
color: var(--marnamic-lime);
}
body.single-post.wp-child-theme-marnamic .post__text hr,
body.single-post.wp-child-theme-marnamic .post__text .wp-block-separator {
width: 100%;
height: 1px;
margin: clamp(48px, 7vw, 78px) 0 !important;
background: linear-gradient(
90deg,
transparent,
rgba(161, 192, 195, 0.34) 12%,
rgba(161, 192, 195, 0.34) 88%,
transparent
) !important;
border: 0 !important;
}
body.single-post.wp-child-theme-marnamic .post__text blockquote {
margin: clamp(32px, 5vw, 54px) 0 !important;
padding: clamp(22px, 3vw, 32px);
color: var(--marnamic-cream);
background: rgba(32, 51, 55, 0.72);
border: 1px solid var(--marnamic-border);
border-left: 4px solid var(--marnamic-lime);
border-radius: 10px;
}
body.single-post.wp-child-theme-marnamic .post__text blockquote p:last-child {
margin-bottom: 0 !important;
} body.single-post.wp-child-theme-marnamic .post__text blockquote cite {
color: var(--marnamic-text-muted) !important;
}
body.single-post.wp-child-theme-marnamic
.post__text :is(.wp-block-image, figure) {
margin-top: clamp(32px, 5vw, 56px);
margin-bottom: clamp(32px, 5vw, 56px);
}
body.single-post.wp-child-theme-marnamic .post__text img {
border-radius: 12px;
}
body.single-post.wp-child-theme-marnamic
.post__text :is(figcaption, .wp-caption-text) {
margin-top: 10px;
color: var(--marnamic-text-soft);
font-size: 0.84rem;
line-height: 1.5;
} body.single-post.wp-child-theme-marnamic
.post__text :is(table, .wp-block-table) {
width: 100%;
margin: clamp(34px, 5vw, 58px) 0 !important;
color: var(--marnamic-cream) !important;
background: rgba(24, 39, 43, 0.82) !important;
border: 1px solid var(--marnamic-border) !important;
border-radius: 12px !important;
box-shadow: 0 14px 36px rgba(0, 0, 0, 0.14);
} body.single-post.wp-child-theme-marnamic
.post__text .wp-block-table > table {
margin: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.single-post.wp-child-theme-marnamic
.post__text table {
table-layout: auto;
border-collapse: separate !important;
border-spacing: 0;
}
body.single-post.wp-child-theme-marnamic
.post__text table :is(th, td) {
min-width: 150px;
padding: 16px 18px !important;
color: var(--marnamic-text-muted) !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid var(--marnamic-border-soft) !important;
vertical-align: top;
line-height: 1.5;
}
body.single-post.wp-child-theme-marnamic
.post__text table th {
color: var(--marnamic-cream) !important;
background: rgba(15, 25, 27, 0.46) !important;
font-size: 0.78rem;
font-weight: 700 !important;
letter-spacing: 0.06em;
text-transform: uppercase;
}
body.single-post.wp-child-theme-marnamic
.post__text table tbody tr:nth-child(even) td {
background: rgba(161, 192, 195, 0.035) !important;
}
body.single-post.wp-child-theme-marnamic
.post__text table tbody tr:last-child td {
border-bottom: 0 !important;
} @media (min-width: 761px) {
body.single-post.wp-child-theme-marnamic
.post__text figure.wp-block-table:has(.glossary-tooltip),
body.single-post.wp-child-theme-marnamic
.post__text table:has(.glossary-tooltip) {
overflow: visible !important;
}
}
body.single-post.wp-child-theme-marnamic .post__tags {
margin-top: clamp(52px, 7vw, 82px);
padding-top: 24px;
border-top: 1px solid var(--marnamic-border-soft);
}
body.single-post.wp-child-theme-marnamic .post__tags .tagcloud {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.single-post.wp-child-theme-marnamic .post__tags a {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 6px 11px;
color: var(--marnamic-mint);
background: rgba(161, 192, 195, 0.08);
border: 1px solid var(--marnamic-border);
border-radius: 999px;
font-size: 0.78rem !important;
font-weight: 600;
}
body.single-post.wp-child-theme-marnamic .post__tags a:hover {
color: var(--marnamic-dark);
background: var(--marnamic-lime);
border-color: var(--marnamic-lime);
}
body.single-post.wp-child-theme-marnamic .post-navbar {
margin-top: clamp(38px, 6vw, 64px);
padding-top: 0;
border-top: 0;
}
body.single-post.wp-child-theme-marnamic .post-navbar > .row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin: 0 !important;
}
body.single-post.wp-child-theme-marnamic
.post-navbar :is(.post-navbar__start, .post-navbar__end) {
width: 100% !important;
padding: 0 !important;
}
body.single-post.wp-child-theme-marnamic .post-navbar__link {
height: 100%;
padding: 18px 20px;
background: rgba(24, 39, 43, 0.72);
border: 1px solid var(--marnamic-border-soft);
border-radius: 10px;
}
body.single-post.wp-child-theme-marnamic .post-navbar__link h5 {
margin: 0 !important;
font-size: 0.98rem !important;
line-height: 1.4 !important;
}
body.single-post.wp-child-theme-marnamic .post-navbar__link a {
display: flex;
align-items: center;
gap: 10px;
} body.single-post.wp-child-theme-marnamic #comments {
width: 100%;
margin-top: clamp(56px, 8vw, 96px);
padding-top: clamp(36px, 5vw, 58px);
border-top: 1px solid var(--marnamic-border);
}
body.single-post.wp-child-theme-marnamic #comments > .title {
margin: 0 0 28px !important;
font-size: clamp(2rem, 3vw, 2.8rem) !important;
font-weight: 400 !important;
text-align: left;
}
body.single-post.wp-child-theme-marnamic .comments > ul {
margin: 0;
padding: 0;
list-style: none;
}
body.single-post.wp-child-theme-marnamic .comments > ul > li {
margin: 0 0 16px !important;
}
body.single-post.wp-child-theme-marnamic .comments .comment {
padding: 22px !important;
background: rgba(24, 39, 43, 0.72);
border: 1px solid var(--marnamic-border-soft);
border-radius: 10px;
}
body.single-post.wp-child-theme-marnamic
:is(#comments > .comment-respond, .comments > ul > .comment-respond) {
margin-top: 22px;
padding: clamp(22px, 3vw, 32px) !important;
color: var(--marnamic-cream);
background: rgba(24, 39, 43, 0.76) !important;
border: 1px solid var(--marnamic-border) !important;
border-radius: 12px !important;
box-shadow: none !important;
}
body.single-post.wp-child-theme-marnamic .comment-reply-title {
margin: 0 0 18px !important;
font-size: clamp(1.4rem, 2vw, 1.8rem) !important;
}
body.single-post.wp-child-theme-marnamic .comment-respond p {
color: var(--marnamic-text-muted) !important;
}
body.single-post.wp-child-theme-marnamic .comment-respond a {
color: var(--marnamic-lime);
}
body.single-post.wp-child-theme-marnamic .comment-respond label {
display: block;
margin-bottom: 8px;
color: var(--marnamic-cream);
font-weight: 700;
}
body.single-post.wp-child-theme-marnamic
.comment-respond :is(input[type="text"], input[type="email"], input[type="url"], textarea) {
width: 100% !important;
} @media (max-width: 1179px) {
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-content > .container > .marnamic-blog-layout {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.marnamic-blog-layout > .site-sidebar {
margin-top: clamp(32px, 5vw, 54px) !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar > div > .inner-wrapper-sticky {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
position: static !important;
transform: none !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget--sidebar {
margin: 0 !important;
}
}
@media (max-width: 760px) {
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-content > .container {
width: var(--marnamic-mobile-shell-width, calc(100% - 32px)) !important;
max-width: none !important;
margin-inline: auto !important;
padding-inline: 0 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-content > .container > .marnamic-blog-layout {
width: 100% !important;
gap: 32px !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.posts {
grid-template-columns: 1fr !important;
}
body.wp-child-theme-marnamic .marnamic-blog-intro__title {
font-size: clamp(2.45rem, 12vw, 3.5rem) !important;
}
body.wp-child-theme-marnamic .post--archive .post__content {
padding: 15px 18px 18px;
}
body.wp-child-theme-marnamic .post--archive .post__categories {
padding: 18px 18px 0 !important;
}
body.wp-child-theme-marnamic .post--archive .post__title {
padding: 12px 18px 0 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar > div > .inner-wrapper-sticky {
grid-template-columns: 1fr;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single {
min-height: clamp(420px, 118vw, 520px) !important;
padding: 68px 0 60px !important;
}
body.single-post.wp-child-theme-marnamic
.header-hero.post--single .post__title {
font-size: clamp(2.15rem, 10vw, 3.2rem) !important;
}
body.single-post.wp-child-theme-marnamic .site-content {
padding-top: 42px !important;
}
body.single-post.wp-child-theme-marnamic .post__text h2 {
margin-top: 48px !important;
}
body.single-post.wp-child-theme-marnamic .post__text hr,
body.single-post.wp-child-theme-marnamic .post__text .wp-block-separator {
margin: 44px 0 !important;
}
body.single-post.wp-child-theme-marnamic .post__text table {
display: block;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
body.single-post.wp-child-theme-marnamic
.post__text table :is(th, td) {
min-width: 180px;
padding: 14px 15px !important;
}
body.single-post.wp-child-theme-marnamic .post-navbar > .row {
grid-template-columns: 1fr;
}
}
@media (max-width: 520px) {
body.wp-child-theme-marnamic .post--archive .post__details {
grid-template-areas:
"date date"
"comments comments"
"readmore readmore";
}
body.wp-child-theme-marnamic .post--archive .post__comments,
body.wp-child-theme-marnamic .post--archive .post__readmore {
width: 100%;
justify-content: center;
}
body.wp-child-theme-marnamic .post--archive .post__readmore {
justify-self: stretch;
}
} body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form {
position: relative !important;
display: grid !important;
min-height: 44px !important;
grid-template-columns: minmax(0, 1fr) 44px !important;
grid-template-rows: 44px !important;
gap: 8px !important;
align-items: stretch !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form::before,
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form > .screen-reader-text,
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form .search-submit > .screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(1px, 1px, 1px, 1px) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form input[type="hidden"] {
display: none !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form .search-field {
grid-column: 1 !important;
grid-row: 1 !important;
height: 44px !important;
margin: 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: rgba(15, 25, 27, 0.9) !important;
border: 1px solid var(--marnamic-border, rgba(161, 192, 195, 0.28)) !important;
border-radius: 8px !important;
box-shadow: none !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form .search-field:is(:focus, :focus-visible) {
border-color: var(--marnamic-action-primary, var(--marnamic-teal, #61a5ac)) !important;
outline: 2px solid rgba(97, 165, 172, 0.28) !important;
outline-offset: 1px !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form .search-submit {
grid-column: 2 !important;
grid-row: 1 !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
margin: 0 !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
color: var(--marnamic-action-primary-text, var(--marnamic-dark, #132124)) !important;
background-color: var(--marnamic-action-primary, var(--marnamic-teal, #61a5ac)) !important;
border: 1px solid var(--marnamic-action-primary, var(--marnamic-teal, #61a5ac)) !important;
border-radius: 8px !important;
box-shadow: none !important;
overflow: hidden !important;
place-self: stretch !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form input.search-submit {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23132124' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.6'/%3E%3Cpath d='m16 16 4.2 4.2'/%3E%3C/svg%3E") !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: 18px 18px !important;
font-size: 0 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form .search-submit::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form button.search-submit > .marnamic-search-submit__icon {
display: block !important;
width: 18px !important;
height: 18px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 2.4 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form .search-submit:is(:hover, :focus-visible) {
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;
box-shadow: none !important;
transform: none !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .tagcloud a:is(:hover, :focus-visible) {
color: var(--marnamic-dark, #132124) !important;
-webkit-text-fill-color: 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;
opacity: 1 !important;
text-shadow: none !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_categories li {
position: static !important;
padding-left: 0 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_categories li::before,
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_categories li::after {
display: none !important;
content: none !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_categories li + li {
margin-top: 4px !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_categories li a {
display: flex !important;
min-height: 40px !important;
align-items: center !important;
gap: 10px !important;
padding: 8px 10px !important;
color: var(--marnamic-text-muted, rgba(241, 233, 221, 0.78)) !important;
background: transparent !important;
border: 1px solid transparent !important;
border-radius: 7px !important;
font-size: 0.86rem !important;
font-weight: 600 !important;
-webkit-text-fill-color: currentColor !important;
transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_categories li a::before {
flex: 0 0 auto !important;
color: var(--marnamic-mint, #a1c0c3) !important;
content: "\203A" !important;
font-size: 1.2rem !important;
line-height: 1 !important;
transition: transform 160ms ease !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_categories li a:is(:hover, :focus-visible) {
color: var(--marnamic-cream, #f1e9dd) !important;
-webkit-text-fill-color: var(--marnamic-cream, #f1e9dd) !important;
background: rgba(97, 165, 172, 0.16) !important;
border-color: rgba(97, 165, 172, 0.42) !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_categories li a:is(:hover, :focus-visible)::before {
color: currentColor !important;
transform: translateX(2px) !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_categories li.current-cat > a {
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;
} 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(.blog, .category, .tag, .search-results)
.site-sidebar .widget_categories li a:is(:hover, :focus-visible) {
color: var(--marnamic-cream, #f1e9dd) !important;
-webkit-text-fill-color: var(--marnamic-cream, #f1e9dd) !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(.blog, .category, .tag, .search-results)
.site-sidebar .widget_categories li.current-cat > a {
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;
}
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(.blog, .category, .tag, .search-results)
.site-sidebar .tagcloud a:is(:hover, :focus-visible) {
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;
}
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(.blog, .category, .tag, .search-results)
.site-sidebar .search-form input.search-submit {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23132124' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.6'/%3E%3Cpath d='m16 16 4.2 4.2'/%3E%3C/svg%3E") !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: 18px 18px !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(.blog, .category, .tag, .search-results)
.site-sidebar .search-form .search-submit {
gap: 0 !important;
padding: 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:is(.blog, .category, .tag, .search-results)
.site-sidebar .search-form button.search-submit > .marnamic-search-submit__icon {
width: 18px !important;
min-width: 18px !important;
max-width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_recent_comments li.recentcomments {
position: relative !important;
display: block !important;
min-height: 64px !important;
padding: 11px 12px 11px 40px !important;
color: transparent !important;
background: rgba(161, 192, 195, 0.045) !important;
border: 1px solid var(--marnamic-border-soft, rgba(161, 192, 195, 0.18)) !important;
border-radius: 8px !important;
font-size: 0 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_recent_comments li.recentcomments + li.recentcomments {
margin-top: 8px !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_recent_comments li.recentcomments::before {
position: absolute !important;
top: 14px !important;
left: 13px !important;
color: var(--marnamic-mint, #a1c0c3) !important;
content: "\f075" !important;
font-family: "Font Awesome 5 Free" !important;
font-size: 0.82rem !important;
font-weight: 900 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_recent_comments .comment-author-link {
display: block !important;
color: var(--marnamic-lime, #e7fd87) !important;
font-size: 0.66rem !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_recent_comments li.recentcomments > a {
display: block !important;
margin-top: 3px !important;
color: var(--marnamic-text-muted, rgba(241, 233, 221, 0.72)) !important;
font-size: 0.8rem !important;
line-height: 1.42 !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget_recent_comments li.recentcomments > a:is(:hover, :focus-visible) {
color: var(--marnamic-cream, #f1e9dd) !important;
}
body.single-post.wp-child-theme-marnamic .post-navbar > .row {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
gap: 16px !important;
}
body.single-post.wp-child-theme-marnamic
.post-navbar :is(.post-navbar__start, .post-navbar__end) {
min-width: 0 !important;
}
body.single-post.wp-child-theme-marnamic .post-navbar__link {
height: 100% !important;
padding: 0 !important;
overflow: hidden !important;
background: rgba(24, 39, 43, 0.72) !important;
border: 1px solid var(--marnamic-border-soft, rgba(161, 192, 195, 0.18)) !important;
border-radius: 12px !important;
transition: border-color 180ms ease, transform 180ms ease !important;
}
body.single-post.wp-child-theme-marnamic .post-navbar__link:is(:hover, :focus-within) {
border-color: rgba(231, 253, 135, 0.52) !important;
transform: translateY(-2px) !important;
}
body.single-post.wp-child-theme-marnamic .marnamic-post-nav-card {
display: grid !important;
grid-template-columns: auto minmax(118px, 0.42fr) minmax(0, 1fr) !important;
min-height: 144px !important;
align-items: center !important;
color: var(--marnamic-cream, #f1e9dd) !important;
}
body.single-post.wp-child-theme-marnamic
.post-navbar__end .marnamic-post-nav-card {
grid-template-columns: minmax(0, 1fr) minmax(118px, 0.42fr) auto !important;
}
body.single-post.wp-child-theme-marnamic
.post-navbar__end .marnamic-post-nav-card__image {
grid-column: 2 !important;
grid-row: 1 !important;
}
body.single-post.wp-child-theme-marnamic
.post-navbar__end .marnamic-post-nav-card__content {
grid-column: 1 !important;
grid-row: 1 !important;
}
body.single-post.wp-child-theme-marnamic
.post-navbar__end .marnamic-post-nav-card > i {
grid-column: 3 !important;
grid-row: 1 !important;
}
body.single-post.wp-child-theme-marnamic .marnamic-post-nav-card__image {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 144px !important;
overflow: hidden !important;
background:
radial-gradient(circle at 30% 25%, rgba(231, 253, 135, 0.18), transparent 35%),
rgba(32, 51, 55, 0.94) !important;
}
body.single-post.wp-child-theme-marnamic .marnamic-post-nav-card__image img {
display: block !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
object-fit: cover !important;
border-radius: 0 !important;
}
body.single-post.wp-child-theme-marnamic .marnamic-post-nav-card__content {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
gap: 7px !important;
padding: 20px 22px !important;
}
body.single-post.wp-child-theme-marnamic .marnamic-post-nav-card__eyebrow {
color: var(--marnamic-lime, #e7fd87) !important;
font-size: 0.66rem !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.single-post.wp-child-theme-marnamic .marnamic-post-nav-card__title {
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: clamp(0.98rem, 1.2vw, 1.12rem) !important;
font-weight: 400 !important;
line-height: 1.38 !important;
overflow-wrap: anywhere !important;
}
body.single-post.wp-child-theme-marnamic .marnamic-post-nav-card > i {
padding: 0 18px !important;
color: var(--marnamic-mint, #a1c0c3) !important;
font-size: 0.9rem !important;
}
@media (max-width: 600px) {
body.single-post.wp-child-theme-marnamic .marnamic-post-nav-card,
body.single-post.wp-child-theme-marnamic
.post-navbar__end .marnamic-post-nav-card {
grid-template-columns: 82px minmax(0, 1fr) auto !important;
min-height: 112px !important;
}
body.single-post.wp-child-theme-marnamic
.post-navbar__start .marnamic-post-nav-card__image,
body.single-post.wp-child-theme-marnamic .marnamic-post-nav-card__image {
min-height: 112px !important;
}
body.single-post.wp-child-theme-marnamic
.post-navbar__start .marnamic-post-nav-card__image,
body.single-post.wp-child-theme-marnamic
.post-navbar__end .marnamic-post-nav-card__image {
grid-column: 1 !important;
grid-row: 1 !important;
}
body.single-post.wp-child-theme-marnamic
.post-navbar__start .marnamic-post-nav-card__content,
body.single-post.wp-child-theme-marnamic
.post-navbar__end .marnamic-post-nav-card__content {
grid-column: 2 !important;
grid-row: 1 !important;
}
body.single-post.wp-child-theme-marnamic
.post-navbar__start .marnamic-post-nav-card > i,
body.single-post.wp-child-theme-marnamic
.post-navbar__end .marnamic-post-nav-card > i {
grid-column: 3 !important;
grid-row: 1 !important;
}
body.single-post.wp-child-theme-marnamic .marnamic-post-nav-card__content {
padding: 15px !important;
}
body.single-post.wp-child-theme-marnamic .marnamic-post-nav-card > i {
padding: 0 12px !important;
}
} body.single-post.wp-child-theme-marnamic .comments ul {
list-style: none !important;
}
body.single-post.wp-child-theme-marnamic .comments > ul > li {
margin: 0 0 18px !important;
padding: 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background:
linear-gradient(145deg, rgba(32, 51, 55, 0.98), rgba(24, 39, 43, 0.98))
!important;
border: 1px solid var(--marnamic-border, rgba(161, 192, 195, 0.28))
!important;
border-radius: 12px !important;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14) !important;
}
body.single-post.wp-child-theme-marnamic .comments .comment {
margin: 0 !important;
padding: clamp(20px, 3vw, 30px) !important;
color: inherit !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.single-post.wp-child-theme-marnamic .comment__header {
display: grid !important;
grid-template-columns: 58px minmax(0, 1fr) !important;
gap: 16px !important;
align-items: center !important;
margin: 0 !important;
}
body.single-post.wp-child-theme-marnamic .comment__image {
width: 58px !important;
height: 58px !important;
margin: 0 !important;
}
body.single-post.wp-child-theme-marnamic .comment__image img {
display: block !important;
width: 58px !important;
height: 58px !important;
margin: 0 !important;
object-fit: cover !important;
background: var(--marnamic-logo-tile, #f1e9dd) !important;
border: 1px solid rgba(161, 192, 195, 0.34) !important;
border-radius: 50% !important;
}
body.single-post.wp-child-theme-marnamic .comment__summary {
display: flex !important;
min-width: 0 !important;
flex-direction: column !important;
gap: 7px !important;
}
body.single-post.wp-child-theme-marnamic .comment__author {
margin: 0 !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: 1.05rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
body.single-post.wp-child-theme-marnamic .comment__details {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px 14px !important;
align-items: center !important;
margin: 0 !important;
}
body.single-post.wp-child-theme-marnamic .comment__details > * {
margin: 0 !important;
color: var(--marnamic-text-soft, rgba(241, 233, 221, 0.56)) !important;
font-size: 0.68rem !important;
font-weight: 650 !important;
line-height: 1.35 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase !important;
}
body.single-post.wp-child-theme-marnamic .comment__details a {
display: inline-flex !important;
min-height: 30px !important;
align-items: center !important;
gap: 7px !important;
padding: 5px 10px !important;
color: var(--marnamic-lime, #e7fd87) !important;
background: rgba(15, 25, 27, 0.48) !important;
border: 1px solid rgba(161, 192, 195, 0.22) !important;
border-radius: 999px !important;
text-decoration: none !important;
}
body.single-post.wp-child-theme-marnamic .comment__details a:hover,
body.single-post.wp-child-theme-marnamic .comment__details a:focus-visible {
color: var(--marnamic-dark-deep, #0f191b) !important;
background: var(--marnamic-lime, #e7fd87) !important;
border-color: var(--marnamic-lime, #e7fd87) !important;
}
body.single-post.wp-child-theme-marnamic .comment__text {
max-width: 78ch !important;
margin: 20px 0 0 74px !important;
color: var(--marnamic-text-muted, rgba(241, 233, 221, 0.72))
!important;
font-size: clamp(0.94rem, 1.2vw, 1.02rem) !important;
line-height: 1.72 !important;
overflow-wrap: anywhere !important;
}
body.single-post.wp-child-theme-marnamic .comment__text > :first-child {
margin-top: 0 !important;
}
body.single-post.wp-child-theme-marnamic .comment__text > :last-child {
margin-bottom: 0 !important;
}
body.single-post.wp-child-theme-marnamic .comment__text p {
margin: 0 0 0.9em !important;
}
body.single-post.wp-child-theme-marnamic .comment__text a {
color: var(--marnamic-lime, #e7fd87) !important;
text-decoration-color: rgba(231, 253, 135, 0.48) !important;
text-underline-offset: 0.16em !important;
}
body.single-post.wp-child-theme-marnamic
.comments
> ul
> li
> ul.children {
margin: 0 !important;
padding: 18px 20px 20px 74px !important;
background: rgba(15, 25, 27, 0.24) !important;
border-top: 1px solid var(--marnamic-border-soft, rgba(161, 192, 195, 0.18))
!important;
}
body.single-post.wp-child-theme-marnamic
:is(#comments > .comment-respond, .comments > ul > .comment-respond) {
padding: clamp(22px, 3vw, 32px) !important;
background:
linear-gradient(145deg, rgba(24, 39, 43, 0.96), rgba(19, 33, 36, 0.96))
!important;
}
body.single-post.wp-child-theme-marnamic .comment-reply-title {
margin: 0 0 18px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: -0.02em !important;
}
body.single-post.wp-child-theme-marnamic .comment-respond .must-log-in {
position: relative !important;
display: block !important;
margin: 0 !important;
padding: 14px 16px 14px 56px !important;
color: var(--marnamic-text-muted, rgba(241, 233, 221, 0.72))
!important;
background: rgba(15, 25, 27, 0.52) !important;
border: 1px solid var(--marnamic-border-soft, rgba(161, 192, 195, 0.18))
!important;
border-radius: 8px !important;
line-height: 1.55 !important;
}
body.single-post.wp-child-theme-marnamic
.comment-respond
.must-log-in::before {
position: absolute;
top: 50%;
left: 20px;
content: "\f023";
color: var(--marnamic-lime, #e7fd87);
font-family: "Font Awesome 5 Free";
font-size: 1rem;
font-weight: 900;
text-align: center;
transform: translateY(-50%);
}
body.single-post.wp-child-theme-marnamic .comment-respond .must-log-in a {
color: var(--marnamic-lime, #e7fd87) !important;
font-weight: 700 !important;
}
body.single-post.wp-child-theme-marnamic .comment-form {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px !important;
}
body.single-post.wp-child-theme-marnamic .comment-form > p {
min-width: 0 !important;
margin: 0 !important;
}
body.single-post.wp-child-theme-marnamic
.comment-form
:is(
.comment-notes,
.logged-in-as,
.comment-form-comment,
.comment-form-url,
.comment-form-cookies-consent,
.form-submit
) {
grid-column: 1 / -1 !important;
}
body.single-post.wp-child-theme-marnamic .comment-form label {
display: block !important;
margin: 0 0 7px !important;
color: var(--marnamic-cream, #f1e9dd) !important;
font-size: 0.76rem !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
}
body.single-post.wp-child-theme-marnamic
.comment-form
:is(input[type="text"], input[type="email"], input[type="url"], textarea) {
width: 100% !important;
color: var(--marnamic-cream, #f1e9dd) !important;
background: var(--marnamic-input-bg, rgba(15, 25, 27, 0.72)) !important;
border: 1px solid var(--marnamic-control-border, rgba(161, 192, 195, 0.3))
!important;
border-radius: 8px !important;
box-shadow: none !important;
}
body.single-post.wp-child-theme-marnamic .comment-form textarea {
min-height: 180px !important;
resize: vertical !important;
}
body.single-post.wp-child-theme-marnamic
.comment-form
:is(input[type="text"], input[type="email"], input[type="url"], textarea):focus {
background: var(--marnamic-input-bg-focus, rgba(15, 25, 27, 0.9))
!important;
border-color: var(--marnamic-lime, #e7fd87) !important;
outline: 2px solid rgba(231, 253, 135, 0.2) !important;
outline-offset: 2px !important;
}
body.single-post.wp-child-theme-marnamic
.comment-form
.form-submit
:is(input, button) {
min-height: 46px !important;
padding: 0 20px !important;
color: var(--marnamic-dark-deep, #0f191b) !important;
background: var(--marnamic-lime, #e7fd87) !important;
border: 1px solid var(--marnamic-lime, #e7fd87) !important;
border-radius: 8px !important;
font-weight: 750 !important;
}
body.single-post.wp-child-theme-marnamic
.comment-form
.form-submit
:is(input, button):hover {
color: var(--marnamic-dark-deep, #0f191b) !important;
background: var(--marnamic-lime-hover, #dffc5f) !important;
}
@media (max-width: 600px) {
body.single-post.wp-child-theme-marnamic .comment__header {
grid-template-columns: 48px minmax(0, 1fr) !important;
gap: 12px !important;
}
body.single-post.wp-child-theme-marnamic .comment__image,
body.single-post.wp-child-theme-marnamic .comment__image img {
width: 48px !important;
height: 48px !important;
}
body.single-post.wp-child-theme-marnamic .comment__text {
margin-left: 0 !important;
}
body.single-post.wp-child-theme-marnamic
.comments
> ul
> li
> ul.children {
padding: 14px 12px 14px 22px !important;
}
body.single-post.wp-child-theme-marnamic .comment-form {
grid-template-columns: minmax(0, 1fr) !important;
}
body.single-post.wp-child-theme-marnamic .comment-form > p {
grid-column: 1 !important;
}
} @media (max-width: 760px) {
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results) {
--marnamic-blog-mobile-gutter: 16px;
--marnamic-blog-mobile-section: 40px;
--marnamic-blog-mobile-stack: 24px;
--marnamic-blog-mobile-component: 16px;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-content {
padding-top: 32px !important;
padding-bottom: 48px !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-content > .container {
width: calc(100% - (2 * var(--marnamic-blog-mobile-gutter))) !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-content > .container > .marnamic-blog-layout {
column-gap: 0 !important;
row-gap: var(--marnamic-blog-mobile-section) !important;
}
body.wp-child-theme-marnamic .marnamic-blog-intro {
margin-bottom: 32px !important;
}
body.wp-child-theme-marnamic .marnamic-blog-intro__eyebrow {
min-height: 28px;
margin-bottom: 12px;
padding: 5px 10px;
}
body.wp-child-theme-marnamic .marnamic-blog-intro__title {
font-size: clamp(2.35rem, 11vw, 3.1rem) !important;
line-height: 1 !important;
}
body.wp-child-theme-marnamic .marnamic-blog-intro__description {
margin-top: 12px !important;
line-height: 1.55;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.posts {
gap: var(--marnamic-blog-mobile-stack) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.post--archive .post__categories {
gap: 6px;
padding: 16px 16px 0 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.post--archive .post__title {
padding: 12px 16px 0 !important;
line-height: 1.2 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.post--archive .post__content {
padding: 12px 16px 16px !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.post--archive .post__text {
margin-bottom: 18px !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.post--archive .post__details {
gap: 8px !important;
padding-top: 16px !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.navigation.pagination {
margin: 28px 0 0 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.marnamic-blog-layout > .site-sidebar {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: var(--marnamic-blog-mobile-component) !important;
margin-top: 0 !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar > div,
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .inner-wrapper-sticky {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: var(--marnamic-blog-mobile-component) !important;
position: static !important;
transform: none !important;
}
body.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.site-sidebar .widget--sidebar {
padding: 18px !important;
}
body.single-post.wp-child-theme-marnamic {
--marnamic-blog-mobile-gutter: 16px;
}
body.single-post.wp-child-theme-marnamic .header-hero.post--single {
min-height: clamp(360px, 96vw, 420px) !important;
padding: 48px 0 44px !important;
}
html body.single-post.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.header-hero.post--single .header-hero__content > .container {
width: 100% !important;
max-width: none !important;
margin-inline: 0 !important;
padding-inline: 0 !important;
}
html body.single-post.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.header-hero.post--single .header-hero__content > .container > .row {
width: 100% !important;
margin-inline: 0 !important;
}
html body.single-post.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.header-hero.post--single .header-hero__content > .container > .row > .col-xs-12 {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
margin-left: 0 !important;
padding-inline: var(--marnamic-blog-mobile-gutter) !important;
}
html body.single-post.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.header-hero.post--single .post__header {
width: 100% !important;
max-width: none !important;
flex: 0 0 100% !important;
margin-inline: 0 !important;
padding: 0 !important;
}
body.single-post.wp-child-theme-marnamic
.header-hero.post--single .post__categories {
gap: 6px;
margin-bottom: 16px;
}
body.single-post.wp-child-theme-marnamic
.header-hero.post--single .post__categories a {
min-height: 26px;
padding: 4px 8px;
}
body.single-post.wp-child-theme-marnamic
.header-hero.post--single .post__title {
font-size: clamp(2rem, 8.4vw, 2.45rem) !important;
line-height: 1.02 !important;
}
body.single-post.wp-child-theme-marnamic
.header-hero.post--single .post__details {
gap: 6px 10px;
margin-top: 18px;
}
body.single-post.wp-child-theme-marnamic .site-content {
padding-top: 32px !important;
padding-bottom: 48px !important;
}
body.single-post.wp-child-theme-marnamic .site-content > .container {
width: calc(100% - (2 * var(--marnamic-blog-mobile-gutter))) !important;
max-width: none !important;
margin-inline: auto !important;
padding-inline: 0 !important;
}
html body.single-post.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.site-content > .container > .row {
width: 100% !important;
margin-inline: 0 !important;
}
body.single-post.wp-child-theme-marnamic .site-content main {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-post.wp-child-theme-marnamic .post--single .post__text {
font-size: 1rem;
line-height: 1.68;
}
body.single-post.wp-child-theme-marnamic .post__text > p {
margin-bottom: 1.2em !important;
line-height: 1.68;
}
body.single-post.wp-child-theme-marnamic .post__text > p:first-child {
font-size: 1.08rem;
line-height: 1.58;
}
body.single-post.wp-child-theme-marnamic .post__text h2 {
margin: 40px 0 16px !important;
font-size: clamp(1.75rem, 8vw, 2.15rem) !important;
line-height: 1.1 !important;
}
body.single-post.wp-child-theme-marnamic .post__text h3 {
margin: 28px 0 12px !important;
font-size: clamp(1.3rem, 6.2vw, 1.65rem) !important;
line-height: 1.15 !important;
}
body.single-post.wp-child-theme-marnamic .post__text h4 {
margin: 24px 0 10px !important;
}
body.single-post.wp-child-theme-marnamic .post__text :is(ul, ol) {
margin-bottom: 1.4em !important;
padding-left: 1.25em;
}
body.single-post.wp-child-theme-marnamic .post__text li {
line-height: 1.62;
}
body.single-post.wp-child-theme-marnamic .post__text li + li {
margin-top: 0.55em !important;
}
body.single-post.wp-child-theme-marnamic .post__text hr,
body.single-post.wp-child-theme-marnamic .post__text .wp-block-separator {
margin: 36px 0 !important;
}
body.single-post.wp-child-theme-marnamic .post__tags {
margin-top: 40px;
padding-top: 20px;
}
body.single-post.wp-child-theme-marnamic .post__tags .tagcloud {
gap: 6px;
}
body.single-post.wp-child-theme-marnamic .post__tags a {
min-height: 30px;
padding: 5px 10px;
}
html body.single-post.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
.post-navbar {
margin-top: 32px !important;
}
body.single-post.wp-child-theme-marnamic .post-navbar > .row {
gap: 12px !important;
}
html body.single-post.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic
#comments {
margin-top: 40px !important;
padding-top: 32px !important;
}
body.single-post.wp-child-theme-marnamic #comments > .title {
margin-bottom: 20px !important;
font-size: clamp(1.75rem, 8vw, 2.15rem) !important;
}
body.single-post.wp-child-theme-marnamic
:is(#comments > .comment-respond, .comments > ul > .comment-respond) {
margin-top: 18px;
padding: 18px !important;
}
body.single-post.wp-child-theme-marnamic .comment-reply-title {
margin-bottom: 14px !important;
}
body.single-post.wp-child-theme-marnamic .comment-form {
gap: 14px !important;
}
body.single-post.wp-child-theme-marnamic .comment-form textarea {
min-height: 160px !important;
}
} html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.post--archive .post__details {
gap: 12px !important;
margin-bottom: 0 !important;
padding-top: 16px !important;
}
@media (min-width: 521px) {
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.post--archive .post__details {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic.wp-child-theme-marnamic:is(.blog, .category, .tag, .search-results)
.post--archive :is(.post__comments, .post__readmore) {
width: 100% !important;
min-width: 0 !important;
justify-content: center !important;
justify-self: stretch !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;
}
}