/** Shopify CDN: Minification failed
Line 3199:11 Unexpected "{"
Line 3199:20 Expected ":"
Line 3209:11 Unexpected "{"
Line 3209:20 Expected ":"
**/
/* Shopify Dawn Custom Adobe Fonts by codeandtonic.com */
:root {
--font-body-family: "lust-text", serif ! important;
--font-heading-family: "lust-text", serif ! important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.h1, h1 {
font-family: "lust-text", serif ! important;
font-weight:lighter;
font-size:36px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h2, .h2 {
font-family: lust-text, serif !important;
font-weight: 100 !important;
font-size: 28px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.announcement-bar__message {
font-family: "brandon-grotesque", sans-serif !important;
font-size:11px !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
margin-top:5px;
}
.header-links {
display: flex;
}
.rewards-link, .account-link, .registry-link {
flex: 33%;
padding: 0px;
text-decoration: none !important;
color: #3e3a37 !important;
letter-spacing: 1px;
width: 70px;
padding-top: 15px;
font-size: 9px;
font-weight:500;
font-family: "brandon-grotesque", sans-serif ! important;
text-align: center;
}
.js .menu-drawer__menu li {
font-family: "lust-text", serif ! important;
font-weight: 100 !important;
font-size: 22px !important;
letter-spacing: 1px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.EzfyCollection-option {
text-transform: uppercase !important;
font-family:"brandon-grotesque", sans-serif ! important;
font-weight: 400 !important;
font-size: 13px !important;
}
.EzfyCollection-option-text:after {
height:1px !important;
}
.EzfyCollection-product-title {
font-family: "lust-text", serif ! important;
font-weight: lighter;
font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.EzfyCollection-price {
font-weight:400 !Important;
color: #2B2B2B;
}
.collage-card__info-content {
padding-top:90% !important;
text-align:left !important;
}
.collage-card__info-content h2 {
color:white !important;
}
.collage-card__info {
justify-content: left !important;
}
.product-form__input--pill input[type=radio]+label {
border: 0px solid #A7A6A6 !important;
border-radius: 0px !important;
font-size: 20px !important;
font-family: "lust-text", serif ! important;
font-weight: lighter !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.product-form__input--pill input[type=radio]:checked+label {
border: 1px solid #A7A6A6 !important;
background-color:transparent !important;
color:#3E3A37 !important;
}
.product__text {
font-size: 12px;
font-weight: 200;
font-family: "lust-text", serif !important;
letter-spacing: 0.5px !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.recipient-checkbox {
font-size:10px;
}
.product__info-container>*:first-child {
margin-top: 0;
font-size: 28px;
text-transform: capitalize;
}
.product-form__input--pill input[type=radio]+label {
display: inline-block !important;
}
.product-form__input {
display: flex !important;
}
.price--large {
display: inline;
font-family:"brandon-grotesque", sans-serif !important;
font-weight:500 !important;
font-size:12px !important;
}
h9 {
font-family:"brandon-grotesque", sans-serif !important;
font-weight:300 !important;
font-size:12px !important;
}
.price>* {
vertical-align: baseline !important;
}
.footer-block__details-content h4 {
margin-bottom:5px !important;
margin-top:0px !important;
font-size: 16px;
font-weight: 100 !important;
font-family: "lust-text", serif !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.footer-block__details-content h5, .h5 {
margin-top: 10px;
margin-bottom: 0px;
font-family: "brandon-grotesque", sans-serif !important;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
}
.footer-block__details-content .list-menu__item--link {
font-family: "brandon-grotesque", sans-serif !important;
text-transform: uppercase;
font-size: 11px !important;
font-weight:400;
letter-spacing: 1px !important;
color: white !important;
text-decoration: none;
}
.collection-hero__title {
font-weight: 100 !important;
font-family: "lust-text", serif !important;
text-align: center;
padding-top:40px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.light {
font-family: "brandon-grotesque", sans-serif !important;
text-transform: uppercase;
font-size: 11px !important;
letter-spacing: 2px !important;
color: #3E3A37 !important;
font-weight:500 !important;
}
.card__heading {
font-weight: 100 !important;
font-family: "lust-text", serif !important;
text-transform: capitalize;
color: #3E3A37;
letter-spacing: 1px;
font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Collection Submenu Styles */
.collection-submenu {
margin: 1.5rem 0; /* space around the submenu, adjust as needed */
text-align: center; /* center-align the submenu container */
}
.collection-submenu .submenu-list {
display: flex;
flex-wrap: wrap;
gap: 3.5rem; /* horizontal spacing between menu items */
justify-content: center; /* center the items horizontally */
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #ddddd5;
padding-top: 10px;
border-bottom: 1px solid #ddddd5;
padding-bottom: 10px;
}
.collection-submenu .submenu-item {
/* list-style removed by parent, could add additional spacing or borders if needed */
}
.collection-submenu .submenu-link {
text-decoration: none;
color: inherit; /* use theme’s text color */
font-weight: 500; /* semi-bold for visibility; adjust to match design */
text-transform: none; /* preserve the case (e.g., "Sofas & Settees") */
padding: 0.25rem 0;
border-bottom: 1px solid transparent;
font-size: 10px;
font-family: "brandon-grotesque", sans-serif !important;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
color: black;
}
.collection-submenu .submenu-link:hover {
border-bottom-color: currentColor; /* underline on hover */
}
.collection-submenu .submenu-link.active {
font-weight: 600; /* make active link a bit bolder */
border-bottom-color: currentColor; /* underline the active link */
}
@media screen and (min-width: 750px) {
.product__media-item.grid__item {
width: 100% !important;
max-width: 100% !important;
}
}
.product__info-container>*:first-child {
font-family: "brandon-grotesque", sans-serif !important;
font-size: 11px;
font-weight: 500;
letter-spacing: 2px !important;
}
.product__title>* {
font-weight: 100 !important;
font-family: "lust-text", serif !important;
font-size:26px;
padding-top:15px !Important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.product__tax {
display: none;
}
.price__regular .price-item--regular {
font-weight: 100 !important;
font-family: "lust-text", serif !important;
font-size:16px !important;
letter-spacing: 0px !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.product__description {
font-weight: 300 !important;
color: #3E3A37;
font-family: "lust-text", serif !important;
font-size: 13px !important;
letter-spacing: 0px !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
pickup-availability[available], .pickup-availability-preview {
display: none !important;
}
.product-form .product-form__submit {
width: calc(100% - 150px) !important;
margin-left: 150px !important;
margin-top: -72px !important;
font-family: "brandon-grotesque", sans-serif !important;
text-transform: uppercase;
font-size: 12px;
font-weight:600 !Important;
letter-spacing: 2px;
}
.product-form__quantity .form__label {
display: none;
}
.quantity__button:not(:focus-visible):not(.focused), .quantity__input:not(:focus-visible):not(.focused) {
font-family: "brandon-grotesque", sans-serif !important;
font-size: 11px;
}
.button, .button-label, .shopify-challenge__button, .customer button {
font-family: "brandon-grotesque", sans-serif !important;
font-size: 11px;
text-transform: uppercase !important;
font-weight: 400 !important;
letter-spacing: 2px !important;
}
.price__sale .price-item--sale {
color: red;
font-size: 11px;
letter-spacing: 1px !important;
font-weight: 400;
}
/* Position slider arrows centered at the bottom */
.slider-buttons {
display: flex;
justify-content: center;
align-items: center;
margin-top: 2rem;
gap: 2rem;
position: relative;
bottom: 0;
}
.product__info-wrapper .price__regular .price-item--regular {
font-family: 'lust-text' !important;
letter-spacing: 0px !important;
font-size: 18px !important;
font-weight: 100 !important;
}
.EzfyCollection-product-vendor {
font-family: "brandon-grotesque", sans-serif !important;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
}
.footer-block__heading {
text-align: left;
}
.list-social {
justify-content: flex-start !important;
margin-left: -10px !important;
}
/* Full-height drawer */
.custom-menu-style {
height: 100vh;
max-height: 100vh;
overflow-y: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.menu-drawer__inner-container {
flex: 1;
display: flex;
flex-direction: column;
}
/* Force drawer to overlay entire screen */
#menu-drawer.custom-menu-style {
position: fixed;
top: 0;
left: 0;
width: 340px;
height: 100vh;
max-height: 100vh;
z-index: 9999; /* ensure it's above header */
overflow-y: auto;
display: flex;
flex-direction: column;
}
.price__regular .price-item--regular {
font-family: "brandon-grotesque", sans-serif !important;
font-weight: 500 !important;
font-size: 12px !important;
letter-spacing: 2px !important;
margin-top: 5px !important;
text-transform: uppercase;
}
.full-unstyled-link:hover {
text-decoration: unset !important;
}
/* 4. Social icons spacing */
.footer__content-bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 2rem;
}
.footer__content-bottom .list-social {
display: flex;
gap: 1.5rem;
}
.footer__content-bottom .list-social a {
color: #ffffff;
font-size: 1.5rem;
}
.menu-drawer__search {
padding: 1rem;
border-bottom: 1px solid #e5e5e5;
}
.menu-drawer__search input[type="search"] {
width: 100%;
padding: 0.5rem;
font-size: 1rem;
border: none;
border-bottom: 1px solid #ccc;
}
.search--drawer {
display: flex;
gap: 0.5rem;
align-items: center;
}
.search--drawer input.search__input {
flex: 1;
padding: 0.5rem;
font-size: 1rem;
border: 1px solid #ccc;
border-radius: 4px;
}
.search--drawer button.search__button {
background: none;
border: none;
cursor: pointer;
}
.sort-wrapper{
background:white;
}
cart-items .title-wrapper-with-link {
justify-content: center !important;
margin-bottom:60px;
}
.cart-items th {
border-bottom: .1rem solid #a9a9a9 !important;
font-family: "brandon-grotesque", sans-serif !important;
font-weight: 500 !important;
color: #3E3A37 !important;
font-size: 13px;
}
.cart__items {
border-bottom: .1rem solid #a9a9a9 !important;
}
.cart__contents, .cart__footer {
padding: 0 10rem !important;
}
.wallet-button-wrapper {
display: none !important;
}
.cart-item__name {
font-family: 'lust-text' !important;
letter-spacing: 0px;
font-size: 18px;
font-weight: 300 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.product-option {
font-size: 16px !important;
font-weight: 400 !important;
color: #3E3A37 !important;
letter-spacing: 0px !important;
}
.totals>h2 {
font-family: "brandon-grotesque", sans-serif !important;
font-weight:600 !important;
color: #3E3A37 !important;
}
.totals>h2, .totals {
font-family: "brandon-grotesque", sans-serif !important;
text-transform: uppercase;
color: #3E3A37 !important;
}
.price-item--sold-out {
text-decoration: line-through;
opacity: 0.6;
}
.card__badge, .price--sold-out .price__badge-sold-out {
font-family: "brandon-grotesque", sans-serif !important;
text-transform: uppercase;
font-weight: 500;
}
.badge, .price--sold-out .price__badge-sold-out {
font-size: 10px;
letter-spacing: 1px;
padding: 10px;
}
.main-page-title {
font-family: "lust-text", serif ! important;
font-weight: 100 !important;
font-size: 28px;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family: "lust-text", serif ! important;
font-weight: 300 !important;
font-size: 14px;
color: #3E3A37 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.rewards-text {
font-weight:400 !Important;
}
.nk-filter-sort-bar {
position: sticky;
bottom: 0;
width: 100%;
background-color: #fff;
border-top: 1px solid #dcdcdc;
padding: 1rem;
z-index: 100;
display: flex;
justify-content: center;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);
}
.nk-filter-sort-bar select {
font-family: inherit;
font-size: 14px;
padding: 0.5rem 1rem;
border: 1px solid #ccc;
background: transparent;
color: #000;
appearance: none;
cursor: pointer;
min-width: 200px;
}
@media screen and (max-width: 749px) {
.nk-filter-sort-bar {
justify-content: space-around;
}
.nk-filter-sort-bar select {
min-width: unset;
width: 100%;
}
}
.nk-back-to-top {
position: fixed;
bottom: 90px; /* adjusts above sticky bar */
right: 20px;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
color: #000;
background-color: transparent;
border: none;
padding: 0.5rem 1rem;
z-index: 999;
font-family: inherit;
letter-spacing: 0.05em;
transition: opacity 0.3s ease;
opacity: 0;
pointer-events: none;
}
.nk-back-to-top.visible {
opacity: 1;
pointer-events: auto;
}
.nk-sticky-bar {
display: none !important;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
border-top: 1px solid #ddd;
padding: 0.75rem 1.5rem;
z-index: 9999;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05);
}
.nk-bar-right {
display: flex;
justify-content: flex-end;
gap: 1.5rem;
align-items: center;
}
.nk-toggle {
background: none;
border: none;
font-size: 13px;
font-family: inherit;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
padding: 0;
color: #000;
font-family: "brandon-grotesque", sans-serif !important;
letter-spacing: 2px;
width: 140px;
}
.nk-sort-menu {
position: absolute;
bottom: 2.6rem;
right: 4rem;
background: #fff;
border: 1px solid #ccc;
border-radius: 0px;
list-style: none;
padding: 30px;
line-height: 35px;
display: none;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
min-width: 160px;
}
.nk-sort-menu li {
margin-bottom: 0.5rem;
}
.nk-sort-menu li:last-child {
margin-bottom: 0;
}
.nk-sort-menu a {
text-decoration: none;
color: #444;
font-size: 13px;
font-weight: 400;
font-family: "brandon-grotesque", sans-serif !important;
display: block;
letter-spacing: 2px;
text-transform: uppercase;
}
.nk-sort-menu a.active {
font-weight: 500;
color: #000;
}
/* Hides the top-of-page filter bar container but still allows FILTER + to trigger the drawer */
.nk-hidden-top-bar {
display: none !important;
}
.nk-divider {
height: 24px;
width: 1px;
background-color: #000;
opacity: 0.2;
}
.announcement-bar-section,
.announcement-bar {
position: relative;
z-index: 1 !important;
}
.field__input {
background: transparent;
border-bottom: 1px solid white;
border-radius: 0;
border: none !important;
color: white;
font-size: 1.2rem;
outline: none;
padding: 0.5rem 0;
width: 100%;
}
.field__input::placeholder {
color: white;
opacity: 0.8;
}
.newsletter-form__button {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: white;
font-size: 0.85rem;
letter-spacing: 0.15em;
text-transform: uppercase;
cursor: pointer;
padding: 0;
}
.field {
border: none !important;
box-shadow: none !important;
background: transparent !important;
}
.newsletter-form__field-wrapper .field {
position: relative !important;
}
.field {
border: none !important;
box-shadow: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
position: relative !important;
}
.field__label {
display: none !important;
}
.newsletter-form__button {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: white;
font-size: 0.85rem;
letter-spacing: 0.15em;
text-transform: uppercase;
cursor: pointer;
padding: 0;
}
/* Force override newsletter form */
.footer .newsletter-form {
position: relative;
max-width: 400px;
margin: 0 auto;
}
.footer .field {
all: unset;
position: relative;
width: 100%;
display: block;
}
.footer .field__input {
all: unset;
width: 100%;
border: none;
border-bottom: 1px solid white;
background: transparent;
font-size: 1.2rem;
color: white;
padding: 0.5rem 0;
font-family: "brandon-grotesque", sans-serif !important;
}
.footer .field__input::placeholder {
color: white;
opacity: 0.8;
}
.footer .newsletter-form__button {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: none;
border: none;
color: white;
font-size: 0.8rem;
letter-spacing: 0.15em;
text-transform: uppercase;
font-family: "brandon-grotesque", sans-serif !important;
cursor: pointer;
padding: 0;
padding-bottom:10px;
}
/* Clean override of Dawn base styles for newsletter form */
.newsletter-form__field-wrapper .field::before,
.newsletter-form__field-wrapper .field::after,
.newsletter-form__field-wrapper .field__input::before,
.newsletter-form__field-wrapper .field__input::after {
content: none !important;
display: none !important;
box-shadow: none !important;
}
/* Final touch to ensure no layout bugs */
.newsletter-form__field-wrapper .field {
all: unset;
display: flex;
position: relative;
width: 100%;
}
.newsletter-form__field-wrapper .field__input {
all: unset;
background: transparent;
font-size: 9px;
color: white;
width: 100%;
font-family: "brandon-grotesque", sans-serif !important;
text-align: left;
text-transform: uppercase;
font-weight: 400;
padding: 3px;
letter-spacing: 2px;
}
.newsletter-form__field-wrapper .field__input::placeholder {
color: white;
}
.newsletter-form__button {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: none;
border: none;
color: white;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.15em;
font-family: "brandon-grotesque", sans-serif !important;
cursor: pointer;
padding: 0;
}
/* Force remove arrow icon from newsletter submit button */
.newsletter-form__button,
.newsletter-form__button::before,
.newsletter-form__button::after,
.field__button,
.field__button::before,
.field__button::after {
background-image: none !important;
content: none !important;
display: inline-block !important;
padding-right: 0 !important;
}
/* Clean padding and alignment */
.field__button {
text-align: center;
padding: 10px 20px !important;
font-size: 14px;
text-transform: uppercase;
}
.EzfyCollection-product-vendor {
font-family: "brandon-grotesque", sans-serif !important;
text-transform: uppercase;
font-size: 11px !important;
letter-spacing: 2px !important;
color: #3e3a37 !important;
font-weight: 500 !important;
margin-bottom: 0px;
display: block;
}
.menu-drawer__submenu {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.4s ease, opacity 0.4s ease;
}
details[open] > .menu-drawer__submenu {
max-height: 500px; /* large enough to show full content */
opacity: 1;
}
/* Submenu transition styles */
.menu-drawer__submenu {
max-height: 0;
opacity: 0;
overflow: hidden;
transform: translateY(-10px);
transition: max-height 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
will-change: max-height, opacity, transform;
}
details[open] > .menu-drawer__submenu {
max-height: 500px; /* Large enough to contain submenu */
opacity: 1;
transform: translateY(0);
}
.drawer-toggle-icon svg {
transition: transform 0.25s ease;
}
details[open] .drawer-toggle-icon svg {
transform: rotate(90deg);
}
slideshow-component:not(.page-width) .slider-buttons {
display: none !important;
}
/* MOBILE */
@media screen and (max-width: 749px) {
.rewards-link-mobile2 {
font-family: "brandon-grotesque", sans-serif !important;
text-transform: uppercase !important;
color:black !important;
font-size:10px !important;
font-weight:400 !important;
letter-spacing: 1px !important;
text-decoration: none !important;
padding-top:15px;
}
.rewards-link-mobile, .menu-drawer__account, .registry-link-mobile {
font-family: "brandon-grotesque", sans-serif !important;
text-transform: uppercase !important;
color:white !important;
font-size:12px !important;
padding-right:15px;
font-weight:400 !important;
letter-spacing: 1px !important;
text-decoration: none !important;
}
.header {
padding: 0px 1rem 0px 1rem;
}
}
.banner__media-wrapper {
position: relative;
width: 100%;
}
.banner__media {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.banner__media--mobile {
display: none;
}
@media screen and (min-width: 750px) {
.rewards-link-mobile2 {
display: none;
}
}
@media screen and (max-width: 749px) {
.banner__media--desktop {
display: none;
}
.banner__media--mobile {
display: block;
}
.footer-block__details-content {
margin-top:30px !important;
}
.product__info-container>*:first-child {
margin-top:20px !important;
}
.product__title>* {
padding-top:0px !important;
}
.product-option {
font-family: "brandon-grotesque", sans-serif !important;
text-transform: uppercase;
font-size: 12px !important;
}
.cart__contents, .cart__footer {
padding:2rem !important;
}
.cart-items th {
border-bottom:0px !important;
}
.h5 {
margin-top:0px;
}
.collection-submenu .submenu-list {
display: none;
gap: 1rem 2.5rem;
}
}
.two-column-text {
display: flex;
flex-direction: column;
gap: 5rem;
}
.two-column-text .column {
flex: 1;
}
@media screen and (min-width: 750px) {
.header__search_mobile, .rewards-link-mobile, .registry-link-mobile {
display: none;
}
}
@media screen and (max-width: 749px) {
.header {
padding:0px 1rem 0px 1rem !important;
}
.header-links {
display: none;
}
.two-column-text {
flex-direction: row;
justify-content: space-between;
margin-top: 40px;
line-height: 30px;
font-size: 15px;
gap:5rem !important;
color: white !important;
margin-bottom: 50px !important;
width:500px !important;
}
.two-column-text .column {
width: 50%;
}
.two-column-text .column.left {
text-align: right;
}
.two-column-text .column.right {
text-align: left;
}
}
@media screen and (min-width: 750px) {
.two-column-text {
flex-direction: row;
font-size: 15px;
justify-content: space-between;
margin-top: 40px;
line-height: 30px;
width:500px;
padding-right:0% !important;
gap:5rem !important;
color: white !important;
padding-left: 20px !important;
margin-bottom: 50px !important;
}
.two-column-text .column {
width: 50%;
}
.two-column-text .column.right {
text-align: left;
}
.two-column-text .column.left {
text-align: right;
}
}
@media screen and (max-width: 749px) {
.search-modal__close-button {
display: block !important;
}
.nk-sticky-bar {
display: none;
}
.instafeed-new-layout-wrapper {
grid-template-columns: repeat(2, 1fr) !important;
}
.instafeed-new-layout-item {
width: 100% !important;
height: 200px !important;
}
.search__input.field__input {
font-family: "brandon-grotesque", sans-serif !important;
color:black;
}
}
.klaviyo-bis-trigger {
background: #6e6864 !important;
padding: 15px 25px 15px 25px !important;
color: white !important;
text-decoration: none !important;
font-family: "brandon-grotesque", sans-serif !important;
text-transform: uppercase;
font-weight: 400 !important;
letter-spacing: 2px !important;
font-size: 12px !important;
}
.price.coming-soon-label {
font-family:"brandon-grotesque", sans-serif !important;
font-weight:500 !important;
font-size:12px !important;
text-transform:uppercase;
letter-spacing:1px;
margin-top:5px;
}
.klaviyo-bis-modal h2,
.klaviyo-bis-modal .klaviyo_form_header {
font-family: "lust-text", serif !important;
font-weight: 300 !important;
}
#container > form > div.control-group.clearfix.submit-container > button {
text-transform: uppercase !important;
font-size: 12px !important;
letter-spacing: 2px !important;
font-weight: 500 !important;
}
.search__input.field__input::placeholder {
color: #000 !important;
}
.search__input.field__input {
border: none !important;
outline: none;
}
/* Remove box borders and apply underline style */
.field {
border: none !important;
background: none;
box-shadow: none;
border-bottom: 1px solid #000;
border-radius: 0;
padding-bottom: 0.5rem;
}
/* Make sure the input blends in cleanly */
.search__input.field__input {
border: none !important;
box-shadow: none !important;
outline: none;
background: transparent;
font-size: 10px;
font-family: 'brandon-grotesque';
text-transform: uppercase;
letter-spacing: 2px;
margin-top: 0px;
color: black !important;
}
/* Optional: ensure placeholder is black too */
.search__input::placeholder {
color: #000;
}
.field__input:focus {
padding: 2.2rem 1.5rem 2rem 1.5rem !important;
}
.reset__button .icon.icon-close {
display: none !important;
}
.predictive-search__heading {
font-family: 'brandon-grotesque' !important;
font-weight: 500 !important;
color: black !important;
font-size: 11px !important;
}
.predictive-search__item-vendor+.predictive-search__item-heading {
font-family: "lust-text", serif ! important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-transform: none! IMPORTANT;
font-weight: 300;
color:black !important;
letter-spacing: 0.5px;
font-size: 13px !important;
}
.predictive-search__item-vendor {
font-family: 'brandon-grotesque' !important;
font-weight: 400 !important;
color: black !important;
font-size: 10px !important;
}
.EzfyCollection-price.sold-out {
text-decoration: line-through;
opacity: 0.6;
}
hr.solid {
border-top: 1px solid #d4d4d4;
margin:0px !important;
margin-bottom:20px !important;
}
@media screen and (min-width: 750px) {
.search-modal__close-button {
display: none !important;
}
}
.field_input::placeholder {
font-family: 'brandon-grotesque' !important;
font-weight: 400 !important;
color: black !important;
font-size: 10px !important;
text-transform: uppercase !important;
opacity: 1 !important; /* Ensure full visibility */
}
.field_input {
font-family: 'brandon-grotesque' !important;
font-weight: 400 !important;
color: black !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 2px;
}
.product__info-container input::placeholder,
.product__info-container textarea::placeholder {
opacity: 1 !important;
font-family: 'brandon-grotesque' !important;
font-weight: 400 !important;
color: black !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 2px;
}
.product__info-container textarea::placeholder,
.product__info-container textarea {
padding-left: 7px;
padding-top: 5px;
}
.product__info-container input,
.product__info-container textarea {
font-family: 'brandon-grotesque' !important;
font-weight: 400 !important;
color: black !important;
font-size: 10px !important;
letter-spacing: 2px;
text-transform: uppercase !important;
}
.recipient-checkbox {
font-size: 12px !important;
font-family: 'brandon-grotesque';
text-transform: uppercase;
font-weight: 500;
line-height: 30px;
}
.fade-slideshow .button, .fade-slideshow .button:after {
justify-content: left !important;
}
.giftreggie-pdp-wishlist-cta--link, .giftreggie-pdp-registry-cta--link {
font-family: 'brandon-grotesque' !important;
text-transform: uppercase !important;
font-weight: 500 !important;
letter-spacing: 2px !important;
font-size: 10px !important;
text-underline-offset: 6px;
}
.giftreggie-pdp-cta-area--row.giftreggie-pdp-cta-area--left {
justify-content:center !important;
}
.giftreggie-popup h2 {
font-size: 20px;
padding-top: 30px;
padding-bottom: 10px;
text-align:center;
}
.giftreggie-popup-stop {
background: transparent;
border: 0.5px solid #615d59;
padding: 10px;
color: #615d59;
font-family: 'brandon-grotesque';
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
font-weight: 500;
}
#giftreggie-product-admin-change > p:nth-child(3) > input[type=button]:nth-child(1), #giftreggie-product-admin-change > p:nth-child(3) > input[type=button]:nth-child(2) {
background: transparent;
border: 0.5px solid #615d59;
padding: 10px;
color: #615d59;
font-family: 'brandon-grotesque';
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
font-weight: 500;
}
#giftreggie-product-admin-add>p:nth-child(3)>input[type=button] {
background: #615d59;
padding: 10px;
color:white;
border: none;
font-family: 'brandon-grotesque';
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
font-weight: 500;
}
#giftreggie-product-table > div:nth-child(1) > div:nth-child(1), #giftreggie-product-table > div:nth-child(1) > div:nth-child(2) {
color: #615d59;
font-family: 'brandon-grotesque';
text-transform: uppercase;
font-size:10px;
font-weight:500;
}
.giftreggie-product-row input {
border-radius: 0px !important;
border: 0.5px solid #615d59;
}
#giftreggie-product-admin-add {
text-align: center;
font-size: 12px;
line-height: auto;
padding: 10px;
}
.giftreggie-popup h2 a {
text-decoration:none;
font-style:italic;
color:#615d59;
}
.giftreggie-popup {
border-left: 1px solid #615d59;
border-bottom: 1px solid #615d59;
padding-bottom: 40px !important;
width:380px !important;
}
#giftreggie-product-table > div {
border-bottom: none !important;
}
.giftreggie-front .giftreggie-body {
border: none !important;
}
#MainContent > div > div.giftreggie-footer {
color:#615d59 !important;
text-decoration: none !important;
}
.giftreggie-front table tr th {
font-family: 'brandon-grotesque';
text-transform: uppercase;
color: #615d59;
font-size: 12px;
}
.giftreggie-front p {
font-size:14px !important;
}
.giftreggie-front table tr td {
color: #615d59;
}
.giftreggie-front {
padding-bottom: 100px !important;
}
.giftreggie-landing-row h4 {
text-align: center !important;
}
.giftreggie-landing-row h4 {
font-size: 22px !important;
text-transform: capitalize !important;
font-family: 'lust-text' !important;
letter-spacing: 0px !important;
color: #615d59 !important;
font-weight: 300 !important;
}
.giftreggie-landing-overview {
max-width: 1200px !important;
}
.giftreggie-landing-row {
border-bottom: none !important;
}
.giftreggie-header {
display: inline-flex;
flex-direction: column;
align-items: center;
font-size: 24px;
width: 100%;
font-weight: 300;
font-family: lust-text;
}
ul#giftreggie-client-menu li.active, ul#giftreggie-client-menu li:hover, .giftreggie-admin ul#giftreggie-admin-menu li.active, .giftreggie-admin ul#giftreggie-admin-menu li:hover, .giftreggie-admin ul#giftreggie-admin-menu:hover li:hover.active, .giftreggie-admin ul li a {
text-decoration: none;
margin-bottom: 0;
font-family: 'brandon-grotesque';
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
}
#MainContent > div > div.giftreggie-header > h3 > a {
text-decoration: none !important;
color: #615d59;
}
#MainContent > div > div.giftreggie-body > div.giftreggie-registry > div.giftreggie-band > h3 {
padding-top: 0px !important;
font-family: 'brandon-grotesque' !important;
text-transform: uppercase !important;
font-weight: 500 !important;
letter-spacing: 2px !important;
font-size: 12px !important;
}
.giftreggie-edit-description {
text-align: center !important;
margin-top: 20px !important;
}
#MainContent > div > div.giftreggie-body > div.giftreggie-registry > div.giftreggie-band > div.giftreggie-edit-description > button {
padding: 10px;
font-family: brandon-grotesque !important;
text-transform: uppercase !important;
text-decoration: underline;
text-underline-offset: 10px;
font-weight: 500 !important;
letter-spacing: 2px !important;
font-size: 10px !important;
background: transparent !important;
border: none;
color: #615d59 !important;
}
#MainContent > div > div.giftreggie-body > form > p:nth-child(1) > span:nth-child(2) > input[type=text], #MainContent > div > div.giftreggie-body > form > p:nth-child(2) > span:nth-child(2) > input[type=text] {
font-family: 'lust-text' !important;
padding: 5px !important;
background: white !important;
border: 1px solid #615d59 !important;
}
#MainContent > div > div.giftreggie-body > form > p:nth-child(3) > span:nth-child(2) > input[type=submit] {
background: #615d59 !important;
color: white !important;
font-family: 'brandon-grotesque' !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-size: 12px !important;
padding: 10px !important;
border: none !important;
}
#registry-link {
font-family: 'brandon-grotesque';
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
padding: 5px;
}
ul.giftreggie-share-buttons li {
font-size:10px !important;
}
.giftreggie-front.giftreggie-find .giftreggie-body form, .giftreggie-front.giftreggie-login .giftreggie-body, .giftreggie-front.giftreggie-signup .giftreggie-body {
max-width: 350px;
margin: 0 auto;
}
.giftreggie-front.giftreggie-find .giftreggie-footer {
max-width: 260px;
margin: 40px auto 0;
}
.giftreggie-front p span {
text-align:left;
}
#MainContent > div > div.giftreggie-footer > p > a {
text-decoration: none;
color: black;
font-weight: 300;
font-size: 12px;
line-height: 15px !important;
}
#MainContent>div>div.giftreggie-body>form>p:nth-child(3)>span:nth-child(2)>input[type=submit] {
width:100% !important;
}
@media screen and (max-width: 749px) {
#MainContent>div>div.giftreggie-body>form>p:nth-child(1)>span:nth-child(2)>input[type=text], #MainContent>div>div.giftreggie-body>form>p:nth-child(2)>span:nth-child(2)>input[type=text] {
width:100% !important;
}
.giftreggie-front.giftreggie-find .giftreggie-body form, .giftreggie-front.giftreggie-login .giftreggie-body, .giftreggie-front.giftreggie-signup .giftreggie-body {
width:100% !important;
}
}
@media screen and (min-width: 750px) {
#MainContent>div>div.giftreggie-body>form>p:nth-child(1)>span:nth-child(2)>input[type=text], #MainContent>div>div.giftreggie-body>form>p:nth-child(2)>span:nth-child(2)>input[type=text] {
width:350px !important;
}
}
.giftreggie-header h3 {
font-size:32px !important;
font-weight:100 !important;
}
.giftreggie-front .giftreggie-header p {
max-width: 260px;
text-align:center;
}
#MainContent > div > div.giftreggie-body > p, #MainContent > div > div.giftreggie-footer > p {
text-align:center;
}
#MainContent > div > div.giftreggie-body > p > a {
font-size: 12px;
color: black;
text-decoration: none;
font-style: italic;
}
.giftreggie-front .giftreggie-band {
background-color: transparent;
}
.giftreggie-front #giftreggie-create-form .registry-profile-block__full .field__input-wrapper, .giftreggie-front #giftreggie-edit-form .registry-profile-block__full .field__input-wrapper, .giftreggie-front #giftreggie-update-form .registry-profile-block__full .field__input-wrapper {
display: inline-block;
width: calc(100% - 17px);
margin: 0 7.5px 15px !important;
}
.giftreggie-registry .giftreggie-no-products {
display: flex !important;
justify-content: center !important;
}
.giftreggie-front table tr td, .giftreggie-front table tr th {
border: 1px solid #e8e8e8 !important;
}
.giftreggie-front table#view-registry {
width: calc(100% - 15px);
margin: 80px 7.5px 0;
}
.giftreggie-front table tr:last-child td, .giftreggie-front table tr:last-child th {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.giftreggie-registry.giftreggie-front table tr td {
border-top: 1px solid rgba(0, 0, 0, 0.15);
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.giftreggie-front table tr td, .giftreggie-front table tr th {
padding: 18px;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.giftreggie-front table tr td, .giftreggie-front table tr th {
padding: 8px;
border: 1px solid #AAA;
text-align: center;
}
@media screen and (min-width: 750px) {
.giftreggie-description {
padding-left: 10%;
padding-right: 10%;
text-align:center;
}
}
.giftreggie-front .giftreggie-body .giftreggie-registry .split-table {
display: flex;
align-items: flex-start;
}
.giftreggie-front .giftreggie-body .giftreggie-registry .split-table table {
width: calc(50% - 15px);
margin: 0 7.5px;
}
.giftreggie-want-quantity, .registry-variant-quantity, .giftreggie-line-number {
width: 24px;
}
.giftreggie-front table tr:last-child td, .giftreggie-front table tr:last-child th {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
/* ==========================================
Gift Reggie summary — true connected lines
========================================== */
.giftreggie-registry-summary {
max-width: 1320px;
margin: 50px auto 60px;
padding: 0 32px;
}
.giftreggie-registry-summary .giftreggie-desktop {
width: 100% !important;
table-layout: fixed;
border-collapse: collapse !important;
margin: 0 !important;
background: transparent !important;
}
.giftreggie-registry-summary .giftreggie-desktop tbody {
display: grid;
grid-template-columns: minmax(180px, 1fr) minmax(220px, 1fr) minmax(180px, 1fr) minmax(180px, 1fr);
column-gap: 48px;
row-gap: 0;
position: relative;
}
/* draw the horizontal rules here — NOT on the cells */
.giftreggie-registry-summary .giftreggie-desktop tbody::before,
.giftreggie-registry-summary .giftreggie-desktop tbody::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
pointer-events: none;
background-repeat: no-repeat;
}
/* left half lines */
.giftreggie-registry-summary .giftreggie-desktop tbody::before {
left: 0;
width: calc(50% - 24px);
background-image:
linear-gradient(#d9d4ce, #d9d4ce),
linear-gradient(#d9d4ce, #d9d4ce),
linear-gradient(#d9d4ce, #d9d4ce),
linear-gradient(#d9d4ce, #d9d4ce);
background-size:
100% 1px,
100% 1px,
100% 1px,
100% 1px;
background-position:
0 0,
0 25%,
0 50%,
0 75%;
}
/* right half lines */
.giftreggie-registry-summary .giftreggie-desktop tbody::after {
right: 0;
width: calc(50% - 24px);
background-image:
linear-gradient(#d9d4ce, #d9d4ce),
linear-gradient(#d9d4ce, #d9d4ce),
linear-gradient(#d9d4ce, #d9d4ce);
background-size:
100% 1px,
100% 1px,
100% 1px;
background-position:
0 0,
0 25%,
0 50%;
}
.giftreggie-registry-summary .giftreggie-desktop tr {
display: contents;
}
.giftreggie-registry-summary .giftreggie-desktop th,
.giftreggie-registry-summary .giftreggie-desktop td {
display: flex;
align-items: center;
min-height: 49px;
padding: 0;
margin: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-family: var(--font-heading-family);
font-size: 14px;
line-height: 1.25;
color: #2b2724;
text-transform: none !important;
letter-spacing: 0 !important;
text-align: left;
}
/* labels */
.giftreggie-registry-summary .giftreggie-desktop th {
font-weight: 500;
}
/* values */
.giftreggie-registry-summary .giftreggie-desktop td {
font-weight: 400;
justify-content: flex-start;
}
/* placement: left side */
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(1) { grid-column: 1; grid-row: 1; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(1) { grid-column: 2; grid-row: 1; }
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(2) { grid-column: 1; grid-row: 2; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(2) { grid-column: 2; grid-row: 2; }
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(3) { grid-column: 1; grid-row: 3; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(3) { grid-column: 2; grid-row: 3; }
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(4) { grid-column: 1; grid-row: 4; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(4) { grid-column: 2; grid-row: 4; }
/* placement: right side */
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(5) { grid-column: 3; grid-row: 1; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(5) { grid-column: 4; grid-row: 1; }
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(6) { grid-column: 3; grid-row: 2; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(6) { grid-column: 4; grid-row: 2; }
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(7) { grid-column: 3; grid-row: 3; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(7) { grid-column: 4; grid-row: 3; }
@media screen and (max-width: 989px) {
.giftreggie-registry-summary {
margin: 36px auto 40px;
padding: 0 20px;
}
.giftreggie-registry-summary .giftreggie-desktop {
display: none !important;
}
}
/* ==========================================
Gift Reggie item table — cleaner editorial
========================================== */
form.giftreggie-registry-form {
max-width: 1320px;
margin: 42px auto 0;
padding: 0 32px;
}
/* main table */
form.giftreggie-registry-form table {
width: 100% !important;
border-collapse: collapse !important;
border-spacing: 0 !important;
table-layout: fixed;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
}
/* kill the app's boxed grid */
form.giftreggie-registry-form table th,
form.giftreggie-registry-form table td {
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
border-top: 1px solid #d9d4ce !important;
background: transparent !important;
box-shadow: none !important;
padding: 18px 12px;
vertical-align: middle;
color: #2b2724;
}
/* header */
form.giftreggie-registry-form table th {
font-family: brandon-grotesque !important;
font-size: 11px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase !important;
line-height: 1.2;
color: #6f6862;
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
}
/* body cells */
form.giftreggie-registry-form table td {
font-family: var(--font-heading-family);
font-size: 16px;
font-weight: 400;
line-height: 1.3;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
/* title link */
form.giftreggie-registry-form table td:nth-child(2) a {
font-family: var(--font-heading-family);
font-size: 16px;
color: #2b2724 !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(43, 39, 36, 0.45);
padding-bottom: 1px;
}
/* image */
form.giftreggie-registry-form table td img {
display: block;
width: 64px;
height: auto;
margin: 0 auto;
object-fit: cover;
}
/* line number + qty inputs */
form.giftreggie-registry-form input[type="text"],
form.giftreggie-registry-form input[type="number"] {
width: 56px;
height: 40px;
border: 1px solid #bdb5ae !important;
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
font-family: var(--font-heading-family);
font-size: 16px;
color: #2b2724;
text-align: center;
padding: 0 6px;
-webkit-appearance: none;
appearance: none;
}
/* delete button / little x button */
form.giftreggie-registry-form td:last-child input,
form.giftreggie-registry-form td:last-child button {
width: 36px;
height: 36px;
min-width: 36px;
border: 0px solid #bdb5ae !important;
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
color: #2b2724 !important;
font-size: 16px;
line-height: 1;
padding: 0;
}
/* row buttons */
form.giftreggie-registry-form input[type="submit"],
form.giftreggie-registry-form button,
form.giftreggie-registry-form .button {
min-height: 48px;
padding: 0 20px;
border-radius: 0 !important;
box-shadow: none !important;
font-family: var(--font-body-family);
font-size: 12px;
letter-spacing: 1.8px;
text-transform: uppercase;
}
/* spacing around action buttons */
form.giftreggie-registry-form + p,
form.giftreggie-registry-form .giftreggie-actions,
form.giftreggie-registry-form .giftreggie-buttons {
margin-top: 24px;
}
/* browse/add-products button */
.giftreggie-browse-add-products,
.giftreggie-browse-add-products a {
font-family: var(--font-body-family);
font-size: 12px;
letter-spacing: 1.8px;
text-transform: uppercase;
}
/* remove any accidental outer border wrappers */
form.giftreggie-registry-form,
form.giftreggie-registry-form table,
form.giftreggie-registry-form tbody,
form.giftreggie-registry-form tr {
box-shadow: none !important;
background: transparent !important;
}
/* optional: tighten first row a bit */
form.giftreggie-registry-form table tbody tr:first-child td {
padding-top: 18px;
}
/* mobile */
@media screen and (max-width: 989px) {
form.giftreggie-registry-form {
padding: 0 20px;
}
form.giftreggie-registry-form table th,
form.giftreggie-registry-form table td {
padding: 14px 8px;
}
form.giftreggie-registry-form table td {
font-size: 15px;
}
form.giftreggie-registry-form table td img {
width: 52px;
}
}
form.giftreggie-registry-form table td {
font-size: 15px;
}
form.giftreggie-registry-form table td:nth-child(2) a {
font-size: 15px;
}/* ==========================================
Gift Reggie bottom actions — final polish
========================================== */
/* action wrapper */
.giftreggie-profile-buttons {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 22px !important;
margin-top: 34px !important;
}
/* SAVE CHANGES */
#save-changes,
#giftreggie-update-form > div.giftreggie-profile-buttons > input[type="submit"] {
display: block !important;
width: min(520px, 100%) !important;
min-height: 54px !important;
margin: 0 auto !important;
padding: 0 24px !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: #615d59 !important;
color: #ffffff !important;
font-family: "brandon-grotesque", sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
line-height: 1 !important;
text-align: center !important;
appearance: none;
-webkit-appearance: none;
order: 1 !important;
}
/* DISCARD CHANGES */
#discard-changes {
display: inline-block !important;
width: auto !important;
margin: 0 auto !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #1f1b18 !important;
font-family: "lust-text", serif !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
text-transform: none !important;
letter-spacing: 0 !important;
text-decoration: none !important;
border-bottom: 1px solid #1f1b18 !important;
order: 2 !important;
}
/* browse link wrapper */
#MainContent > div > div.giftreggie-body > div.giftreggie-registry > p {
text-align: center !important;
margin-top: 40px !important;
}
/* browse link itself */
#MainContent > div > div.giftreggie-body > div.giftreggie-registry > p > a {
display: inline !important;
width: auto !important;
max-width: none !important;
margin: 0 auto !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #1f1b18 !important;
font-family: "lust-text", serif !important;
font-size: 12px !important;
font-weight: 400 !important;
font-style:italic;
line-height: 1.35 !important;
text-transform: none !important;
letter-spacing: 0 !important;
text-align: center !important;
}
/* mobile */
@media screen and (max-width: 749px) {
#save-changes,
#giftreggie-update-form > div.giftreggie-profile-buttons > input[type="submit"] {
width: min(100%, 420px) !important;
min-height: 50px !important;
font-size: 11px !important;
letter-spacing: 2.5px !important;
}
#discard-changes,
#MainContent > div > div.giftreggie-body > div.giftreggie-registry > p > a {
font-size: 16px !important;
}
#MainContent > div > div.giftreggie-body > div.giftreggie-registry > p {
margin-top: 65px !important;
}
}
#discard-changes {
margin-top: 22px !important;
}
#save-changes {
margin-bottom: 22px !important;
}
/* ==========================================
Gift Reggie action buttons — correct order
========================================== */
.giftreggie-registry .action-buttons {
display: flex !important;
flex-direction: column-reverse !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 18px !important;
margin: 38px auto 0 !important;
text-align: center !important;
}
/* Save first */
.giftreggie-registry .action-buttons #save-changes {
order: 1 !important;
display: block !important;
width: min(520px, 100%) !important;
min-height: 54px !important;
margin: 0 !important;
padding: 0 24px !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: #615d59 !important;
color: #ffffff !important;
font-family: "brandon-grotesque", sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
line-height: 1 !important;
text-align: center !important;
appearance: none;
-webkit-appearance: none;
}
/* Discard second */
.giftreggie-registry .action-buttons #discard-changes {
order: 2 !important;
display: inline-block !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #1f1b18 !important;
font-family: "lust-text", serif !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
text-transform: none !important;
letter-spacing: 0 !important;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 10px !important;
}
/* remove old fake underline/border treatment */
.giftreggie-registry .action-buttons #discard-changes {
border-bottom: 0 !important;
}
/* browse link wrapper */
.giftreggie-browse-add-products {
text-align: center !important;
margin-top: 85px !important;
}
/* browse link text only */
.giftreggie-browse-add-products a,
p.giftreggie-browse-add-products a,
.giftreggie-browse-add-products {
display: inline !important;
width: auto !important;
max-width: none !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: #1f1b18 !important;
font-family: "lust-text", serif !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.35 !important;
text-transform: none !important;
letter-spacing: 0 !important;
text-align: center !important;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 10px !important;
}
/* mobile */
@media screen and (max-width: 749px) {
.giftreggie-registry .action-buttons #save-changes {
width: min(100%, 420px) !important;
min-height: 50px !important;
font-size: 11px !important;
letter-spacing: 2.5px !important;
}
.giftreggie-registry .action-buttons #discard-changes,
.giftreggie-browse-add-products,
.giftreggie-browse-add-products a {
font-size: 12px !important;
}
.giftreggie-browse-add-products {
margin-top: 65px !important;
}
}
/* browse-more wrapper */
p.giftreggie-browse-add-products {
display: block !important;
width: 100% !important;
max-width: none !important;
text-align: center !important;
margin: 70px auto 0 !important;
padding: 0 !important;
border: 0 !important;
}
/* browse-more button */
p.giftreggie-browse-add-products a {
display: inline-block !important;
width: auto !important;
max-width: 100% !important;
padding: 14px 28px !important;
margin: 0 auto !important;
background: transparent !important;
border: 1px solid #615d59 !important;
box-shadow: none !important;
color: #615d59 !important;
font-family: "brandon-grotesque", sans-serif !important;
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
line-height: 1.4 !important;
text-align: center !important;
text-decoration: none !important;
}
/* kill old underline/link styling */
p.giftreggie-browse-add-products,
p.giftreggie-browse-add-products a,
p.giftreggie-browse-add-products a span {
border-bottom: 0 !important;
text-decoration: none !important;
}
/* hover */
p.giftreggie-browse-add-products a:hover {
background: #615d59 !important;
color: #ffffff !important;
}
/* ==========================================
Gift Reggie summary — mobile like reference
========================================== */
@media screen and (max-width: 749px) {
/* hide the app's default mobile summary text block */
.giftreggie-registry-summary .giftreggie-mobile {
display: none !important;
}
/* keep using the desktop table on mobile, but restyle it */
.giftreggie-registry-summary .giftreggie-desktop {
display: table !important;
width: 100% !important;
table-layout: fixed !important;
border-collapse: collapse !important;
margin: 0 !important;
background: transparent !important;
}
.giftreggie-registry-summary {
max-width: none !important;
margin: 26px auto 34px !important;
padding: 0 16px !important;
}
.giftreggie-registry-summary .giftreggie-desktop tbody {
display: grid !important;
grid-template-columns: minmax(120px, 1fr) minmax(120px, 1fr) !important;
column-gap: 24px !important;
row-gap: 0 !important;
position: relative !important;
}
/* turn off the custom desktop half-and-half rule lines */
.giftreggie-registry-summary .giftreggie-desktop tbody::before,
.giftreggie-registry-summary .giftreggie-desktop tbody::after {
display: none !important;
content: none !important;
}
.giftreggie-registry-summary .giftreggie-desktop tr {
display: contents !important;
}
.giftreggie-registry-summary .giftreggie-desktop th,
.giftreggie-registry-summary .giftreggie-desktop td {
display: flex !important;
align-items: center !important;
min-height: 50px !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-top: 1px solid #d9d4ce !important;
background: transparent !important;
box-shadow: none !important;
text-align: left !important;
color: #2b2724 !important;
font-family: "lust-text", serif !important;
font-size: 14px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.giftreggie-registry-summary .giftreggie-desktop th {
font-weight: 400 !important;
justify-content: flex-start !important;
}
.giftreggie-registry-summary .giftreggie-desktop td {
font-weight: 400 !important;
justify-content: flex-start !important;
}
/* map all 7 summary items into one stacked 2-column table */
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(1) { grid-column: 1; grid-row: 1; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(1) { grid-column: 2; grid-row: 1; }
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(2) { grid-column: 1; grid-row: 2; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(2) { grid-column: 2; grid-row: 2; }
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(3) { grid-column: 1; grid-row: 3; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(3) { grid-column: 2; grid-row: 3; }
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(4) { grid-column: 1; grid-row: 4; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(4) { grid-column: 2; grid-row: 4; }
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(5) { grid-column: 1; grid-row: 5; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(5) { grid-column: 2; grid-row: 5; }
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(6) { grid-column: 1; grid-row: 6; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(6) { grid-column: 2; grid-row: 6; }
.giftreggie-registry-summary .giftreggie-desktop tr:first-child th:nth-child(7) { grid-column: 1; grid-row: 7; }
.giftreggie-registry-summary .giftreggie-desktop tr:nth-child(2) td:nth-child(7) { grid-column: 2; grid-row: 7; }
}@media screen and (max-width: 749px) {
ul.giftreggie-mobile.giftreggie-view-registry li table {
width: 100% !important;
border-collapse: collapse !important;
margin: 18px 0 0 !important;
background: transparent !important;
border: 0 !important;
table-layout: fixed !important;
}
ul.giftreggie-mobile.giftreggie-view-registry li table tbody {
display: block !important;
width: 100% !important;
}
ul.giftreggie-mobile.giftreggie-view-registry li table tr {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 84px !important;
grid-template-rows: repeat(3, auto) !important;
align-items: center !important;
width: 100% !important;
border-top: 1px solid #bdb8b2 !important;
border-bottom: 1px solid #bdb8b2 !important;
}
ul.giftreggie-mobile.giftreggie-view-registry li table th,
ul.giftreggie-mobile.giftreggie-view-registry li table td {
display: flex !important;
align-items: center !important;
min-height: 60px !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
width: 100% !important;
}
/* row dividers */
ul.giftreggie-mobile.giftreggie-view-registry li table th:nth-child(1),
ul.giftreggie-mobile.giftreggie-view-registry li table td:nth-child(2),
ul.giftreggie-mobile.giftreggie-view-registry li table th:nth-child(3),
ul.giftreggie-mobile.giftreggie-view-registry li table td:nth-child(4) {
border-bottom: 1px solid #bdb8b2 !important;
}
/* placement */
ul.giftreggie-mobile.giftreggie-view-registry li table th:nth-child(1) { grid-column: 1; grid-row: 1; }
ul.giftreggie-mobile.giftreggie-view-registry li table td:nth-child(2) { grid-column: 2; grid-row: 1; }
ul.giftreggie-mobile.giftreggie-view-registry li table th:nth-child(3) { grid-column: 1; grid-row: 2; }
ul.giftreggie-mobile.giftreggie-view-registry li table td:nth-child(4) { grid-column: 2; grid-row: 2; }
ul.giftreggie-mobile.giftreggie-view-registry li table th:nth-child(5) { grid-column: 1; grid-row: 3; }
ul.giftreggie-mobile.giftreggie-view-registry li table td:nth-child(6) { grid-column: 2; grid-row: 3; }
/* labels */
ul.giftreggie-mobile.giftreggie-view-registry li table th {
justify-content: flex-start !important;
color: #2b2724 !important;
font-family: "brandon-grotesque", sans-serif !important;
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
text-align: left !important;
}
/* values */
ul.giftreggie-mobile.giftreggie-view-registry li table td {
justify-content: flex-end !important;
color: #2b2724 !important;
font-family: "lust-text", serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
text-align: right !important;
}
/* quantity input */
ul.giftreggie-mobile.giftreggie-view-registry li table input[type="text"],
ul.giftreggie-mobile.giftreggie-view-registry li table input[type="number"] {
width: 64px !important;
height: 44px !important;
padding: 0 !important;
border: 1px solid #bdb8b2 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
text-align: center !important;
font-family: "lust-text", serif !important;
font-size: 16px !important;
color: #2b2724 !important;
appearance: none !important;
-webkit-appearance: none !important;
}
/* delete button */
ul.giftreggie-mobile.giftreggie-view-registry li input[type="button"],
ul.giftreggie-mobile.giftreggie-view-registry li button,
ul.giftreggie-mobile.giftreggie-view-registry li .giftreggie-delete,
ul.giftreggie-mobile.giftreggie-view-registry li .giftreggie-remove {
display: block !important;
width: 100% !important;
min-height: 58px !important;
margin: 20px 0 0 !important;
padding: 0 20px !important;
border: 1px solid #2b2724 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #2b2724 !important;
font-family: "brandon-grotesque", sans-serif !important;
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 4px !important;
text-transform: uppercase !important;
text-align: center !important;
line-height: 1 !important;
}
}
/* ==========================================
Gift Reggie share page
========================================== */
.giftreggie-registry .giftreggie-share-buttons,
.giftreggie-registry .giftreggie-share-buttons ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.giftreggie-registry .giftreggie-share-buttons li {
list-style: none !important;
}
/* center the share page body */
.giftreggie-registry .giftreggie-body {
text-align: left;
}
/* direct url input */
.giftreggie-registry input[type="text"],
.giftreggie-registry input[type="url"],
.giftreggie-registry .giftreggie-share-link,
.giftreggie-registry #registry-link {
display: block !important;
width: min(600px, calc(100% - 48px)) !important;
max-width: 600px !important;
min-height: 49px !important;
padding: 0 12px !important;
border: 0 !important;
border-radius: 6px !important;
background: white !important;
box-shadow: none !important;
color: #1f1b18 !important;
font-family: "lust-text", serif !important;
font-size: 14px;
line-height: 1.2 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: none !important;
border: 1px solid #9d9d9d !important;
border-radius: 0px !important;
}
/* ==========================================
Gift Reggie share icons — exact markup
========================================== */
/* icon row */
.share-registry .giftreggie-share-buttons,
.giftreggie-body .giftreggie-share-buttons {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 54px !important;
margin: 34px auto 0 !important;
padding: 0 !important;
list-style: none !important;
}
/* each icon item */
.share-registry .giftreggie-share-buttons li,
.giftreggie-body .giftreggie-share-buttons li {
list-style: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
font-size: 0 !important; /* hide Email/Facebook/Twitter text */
line-height: 0 !important;
color: transparent !important;
cursor: pointer !important;
position: relative !important;
}
/* draw our own icons */
.share-registry .giftreggie-share-buttons li::before,
.giftreggie-body .giftreggie-share-buttons li::before {
content: "";
display: block;
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: 30px 30px;
}
/* email */
.giftreggie-share-email::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* facebook */
.giftreggie-share-facebook::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* twitter */
.giftreggie-share-twitter::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* hide linkedin to match your reference */
.giftreggie-share-linkedin {
display: none !important;
}
/* hover */
.share-registry .giftreggie-share-buttons li:hover,
.giftreggie-body .giftreggie-share-buttons li:hover {
opacity: 0.7 !important;
}
/* center share icons perfectly */
.giftreggie-share-buttons {
padding-left: 0 !important;
margin-left: 0 !important;
}
.share-registry .giftreggie-share-buttons,
.giftreggie-body .giftreggie-share-buttons {
padding-left: 0 !important;
margin-left: 0 !important;
}
#MainContent > div > div.giftreggie-body > div.share-registry > div > ul > li.giftreggie-share-linkedin {
display: none !important;
}
.share-registry .giftreggie-share-linkedin,
.giftreggie-body .giftreggie-share-linkedin {
display: none !important;
}
.giftreggie-front h4 {
text-align: left;
font-family: 'brandon-grotesque';
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
}
.registry-profile textarea {
min-height: 120px !important;
font-family: 'lust-text';
line-height: 20px;
font-weight: lighter;
letter-spacing: 1px;
}
#event-type {
min-height: 45px;
font-family: lust-text;
font-weight: 100;
width: 95% !important;
border-radius: 0px;
border: 1px solid gray;
}
#MainContent > div > div.giftreggie-body > div.share-registry > div > h4 {
text-align:center !important;
}
#MainContent > div > div.giftreggie-body > div.share-registry > div > p {
display: inline-flex;
justify-content: center;
}
#MainContent > div > div.giftreggie-header > h3 > a {
display: none;
}
/* registry product title */
.giftreggie-item-name {
font-family: "lust-text", serif !important;
font-size: 16px !important;
font-weight: 300 !important;
text-decoration: none !important;
border-bottom: none !important;
line-height: 1.3 !important;
}
.registry-profile input[type='text'], .registry-profile input[type='password'], .registry-profile input[type='email'], .registry-profile textarea, .registry-profile .country-selector {
width: 95%;
display: block;
height: 49px;
padding: 5px;
}
/* ==========================================
Gift Reggie create registry buttons
match profile/save buttons
========================================== */
.giftreggie-create-buttons {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 22px !important;
margin-top: 40px !important;
}
/* CREATE MY REGISTRY button */
.giftreggie-create-buttons input[type="submit"] {
display: block !important;
width: min(520px, 100%) !important;
min-height: 54px !important;
margin: 0 auto !important;
padding: 0 24px !important;
background: #615d59 !important;
color: #ffffff !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: "brandon-grotesque", sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
line-height: 1 !important;
text-align: center !important;
appearance: none;
-webkit-appearance: none;
}
/* DISCARD CHANGES */
.giftreggie-create-buttons a {
display: inline-block !important;
margin-top: 6px !important;
color: #1f1b18 !important;
font-family: "lust-text", serif !important;
font-size: 12px !important;
font-weight: 400 !important;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 10px !important;
background: transparent !important;
border: 0 !important;
}
/* ==========================================
Manage Registries page layout + CTA button
========================================== */
.giftreggie-front.giftreggie-manage {
display: grid !important;
grid-template-columns: 1fr !important;
grid-template-areas:
"title"
"help"
"table"
"cta" !important;
row-gap: 28px !important;
padding-top:60px;
}
#MainContent > div > div.giftreggie-header > p:nth-child(2) > a {
width:400px !important;
margin-left: -60px !important;
}
.giftreggie-front.giftreggie-manage .giftreggie-header {
display: contents !important;
}
.giftreggie-front.giftreggie-manage .giftreggie-header h3 {
grid-area: title !important;
text-align: center !important;
margin: 0 !important;
}
.giftreggie-front.giftreggie-manage .giftreggie-header p:first-of-type {
grid-area: cta !important;
margin: 24px auto 0 !important;
text-align: center !important;
}
.giftreggie-front.giftreggie-manage .giftreggie-header p:last-of-type {
grid-area: help !important;
text-align: center !important;
margin: 0 auto !important;
}
.giftreggie-front.giftreggie-manage .giftreggie-body {
grid-area: table !important;
}
/* button styling */
.giftreggie-front.giftreggie-manage .giftreggie-header p:first-of-type a {
display: block !important;
width: min(520px, 100%) !important;
margin: 0 auto !important;
padding: 18px 24px !important;
background: #615d59 !important;
color: #ffffff !important;
border: 0 !important;
text-decoration: none !important;
font-family: "brandon-grotesque", sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
text-align: center !important;
line-height: 1 !important;
}
/* optional: keep help copy nicely centered */
.giftreggie-front.giftreggie-manage .giftreggie-header p:last-of-type {
max-width: 520px !important;
}
.giftreggie-front.giftreggie-manage .giftreggie-header p:first-of-type {
width:100% !important;
}
.giftreggie-landing-row {
text-align:center;
}
#MainContent > div > h3 {
text-align: center;
font-size: 32px;
font-weight: 100;
}
/* ==========================================
Gift Reggie WISHLIST share icons only
========================================== */
.giftreggie-wishlist .giftreggie-sharing {
text-align: center !important;
}
.giftreggie-wishlist .giftreggie-sharing .giftreggie-share-buttons {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 54px !important;
margin: 34px auto 0 !important;
padding: 0 !important;
list-style: none !important;
}
/* style the LI itself, not an anchor inside it */
.giftreggie-wishlist .giftreggie-sharing .giftreggie-share-buttons li {
list-style: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
color: transparent !important;
cursor: pointer !important;
position: relative !important;
}
/* draw custom icons */
.giftreggie-wishlist .giftreggie-sharing .giftreggie-share-buttons li::before {
content: "";
display: block;
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: 30px 30px;
}
/* email */
.giftreggie-wishlist .giftreggie-sharing .giftreggie-share-email::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* facebook */
.giftreggie-wishlist .giftreggie-sharing .giftreggie-share-facebook::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* twitter */
.giftreggie-wishlist .giftreggie-sharing .giftreggie-share-twitter::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* hide linkedin */
.giftreggie-wishlist .giftreggie-sharing .giftreggie-share-linkedin {
display: none !important;
}
.giftreggie-wishlist .giftreggie-sharing .giftreggie-share-buttons li:hover {
opacity: 0.7 !important;
}
#MainContent > div > div.giftreggie-sharing > ul > li.giftreggie-share-linkedin {
display: none !important;
}
.giftreggie-wishlist .giftreggie-add-products a {
text-decoration: none !important;
color: #615d59 !important;
font-weight: 100;
font-size:14px;
font-style: italic;
}
#delete-button {
background: #615d59;
padding: 15px;
border: none !important;
color: white;
font-family: 'brandon-grotesque';
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
font-weight: 500;
}
/* remove borders */
.giftreggie-desktop,
.giftreggie-desktop th,
.giftreggie-desktop td {
border: none !important;
box-shadow: none !important;
}
/* place image beside title */
.giftreggie-desktop td:nth-child(1) {
display: flex;
align-items: center;
gap: 18px;
}
/* move image into title row */
.giftreggie-desktop td:nth-child(2) {
padding: 0;
}
.giftreggie-desktop td:nth-child(2) img {
width: 70px;
height: auto;
}
/* title styling */
.giftreggie-desktop td:nth-child(1) a {
color: #615d59 !important;
text-decoration: none !important;
}
.giftreggie-desktop td:nth-child(1) a:hover {
text-decoration: none !important;
}
/* remove all wishlist table borders */
table.giftreggie-desktop.giftreggie-view-registry,
table.giftreggie-desktop.giftreggie-view-registry th,
table.giftreggie-desktop.giftreggie-view-registry td {
border: none !important;
outline: none !important;
box-shadow: none !important;
text-align:left;
}
table.giftreggie-desktop.giftreggie-view-registry tr {
border-bottom:1px solid #9d9d9d !important;
}
#registry-variant-43144954085510 > td:nth-child(2) {
padding-top:10px;
}
#registry-variant-43144954085510 > td:nth-child(1) {
margin-top:10px;
}
/* Wishlist Add to Cart button */
.giftreggie-desktop form[action="/cart/add"] button {
background: #615d59;
padding: 15px;
border: none !important;
color: #fff;
font-family: brandon-grotesque;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
font-weight: 500;
cursor: pointer;
transition: all .2s ease;
}
/* =========================
MOBILE WISHLIST STYLING
========================= */
@media screen and (max-width: 749px) {
/* center the whole wishlist card */
.giftreggie-mobile li {
text-align: center;
}
/* product title */
.giftreggie-mobile li a {
color: #615d59 !important;
text-decoration: none !important;
display: block;
margin-top: 12px;
}
/* center price under title */
.giftreggie-mobile li p {
text-align: center;
margin: 8px 0 16px 0;
}
/* add space around add-to-cart */
.giftreggie-mobile form[action="/cart/add"] {
margin-bottom: 18px;
}
/* DELETE button (make more obvious) */
.giftreggie-mobile .remove-button,
.giftreggie-mobile button[value="remove"] {
display: block;
margin: 18px auto 0 auto;
padding: 10px 18px;
border: 1px solid #615d59;
background: transparent;
color: #615d59;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
}
}
.giftreggie-mobile .remove-button {
font-weight:100 !important;
font-size:60px !important;
border: none !important;
}
.giftreggie-front.giftreggie-wishlist-entry p {
max-width: 260px;
margin: 0 auto;
padding-top:10%;
text-align:center;
}
.giftreggie-front a {
color: #615d59 !important;
}
.giftreggie-front a:hover {
color: #615d59 !important;
}
.giftreggie-manage-non-customer {
padding-top:15%;
padding-bottom:15%;
text-align:center;
}
/* Fix container width on mobile */
@media screen and (max-width: 749px) {
.giftreggie-manage-non-customer {
padding-top:15%;
padding-bottom:15%;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}
.giftreggie-front {
width: 100% !important;
max-width: 100% !important;
}
.giftreggie-front p {
font-size: 14px;
line-height: 1.5;
word-break: break-word;
}
}
.giftreggie-manage-non-customer > a {
display: none !important;
}
.giftreggie-manage-non-customer .custom-login-message {
color: #615d59;
font-size: 14px;
line-height: 1.5;
}
.giftreggie-manage-non-customer .custom-login-message a {
color: #615d59 !important;
text-decoration: underline !important;
}
.giftreggie-manage-non-customer .custom-login-message a:hover,
.giftreggie-manage-non-customer .custom-login-message a:focus,
.giftreggie-manage-non-customer .custom-login-message a:active {
color: #615d59 !important;
}
@media screen and (max-width: 749px) {
/* Center all registry page text */
.giftreggie-front,
.giftreggie-front .giftreggie-body,
.giftreggie-front .giftreggie-mobile,
.giftreggie-front .giftreggie-mobile li,
.giftreggie-front .giftreggie-mobile p,
.giftreggie-front .giftreggie-mobile div {
text-align: center !important;
}
/* Remove bullet styling and default left indent */
.giftreggie-front .giftreggie-mobile ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.giftreggie-front .giftreggie-mobile li {
list-style: none !important;
margin: 0 0 24px 0 !important;
padding: 0 !important;
}
.giftreggie-front .giftreggie-mobile li::marker {
content: "" !important;
}
/* Make the registry title stand out and look clickable */
.giftreggie-front .giftreggie-mobile li a,
.giftreggie-front .giftreggie-mobile li a:visited {
display: inline-block !important;
color: #615d59 !important;
text-decoration: underline !important;
text-underline-offset: 5px;
font-size: 20px !important;
line-height: 1.3 !important;
text-transform: none;
letter-spacing: 0px;
font-weight: 100;
font-family: 'lust-text' !important;
margin-bottom: 12px !important;
}
.giftreggie-front .giftreggie-mobile li a:hover,
.giftreggie-front .giftreggie-mobile li a:focus,
.giftreggie-front .giftreggie-mobile li a:active {
color: #615d59 !important;
}
/* Tidy spacing for the supporting details */
.giftreggie-front .giftreggie-mobile li p,
.giftreggie-front .giftreggie-mobile li span,
.giftreggie-front .giftreggie-mobile li div {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media screen and (max-width: 749px) {
#MainContent>div>div.giftreggie-header>p:nth-child(2)>a {
line-height: 25px !important;
width: 250px !important;
margin-left:0px !important;
}
}
@media screen and (min-width: 750px) {
#MainContent>div>div.giftreggie-header>p:nth-child(2)>a {
width: 400px !important;
margin-left: -60px !important;
}
}
/* Gift Reggie - Open Wishlist Button */
.giftreggie-front button {
background-color: #615d59 !important;
color: #ffffff !important;
border: none !important;
padding: 15px !important;
font-family: "brandon-grotesque", sans-serif !important;
font-size: 12px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
cursor: pointer;
}
@media screen and (max-width: 749px) {
.registry-profile input[type='text'], .registry-profile input[type='password'], .registry-profile input[type='email'], .registry-profile textarea, .registry-profile .country-selector {
width: 100% !important;
}
#event-type {
width: 100% !important;
}
.registry-profile-block {
width: 100% !important;
max-width: 100% !important;
}
.giftreggie-find ul, .giftreggie-front p, .giftreggie-front table {
text-align:left !important;
}
.giftreggie-front .giftreggie-header p, #MainContent>div>div.giftreggie-body>p, #MainContent>div>div.giftreggie-footer>p {
text-align:center !important;
}
}
.list-menu__item {
font-family: "brandon-grotesque", sans-serif !important;
font-size: 11px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
font-weight:500;
}
/* Remove caret only */
.header__menu-item .icon-caret {
display: none !important;
}
/* Keep the summary layout stable */
.header__menu-item {
gap: 0 !important;
}
/* Control spacing from the parent menu, not the item itself */
.header__inline-menu .list-menu--inline {
display: flex;
justify-content: center;
column-gap: 3.2rem !important; /* adjust as needed */
}
/* Don't let individual items add uneven spacing */
.header__inline-menu .list-menu--inline > li {
margin: 0 !important;
padding: 0 !important;
}
.header__inline-menu .list-menu__item {
padding: 1.2rem 0 !important; /* preserve dropdown trigger height */
}
/* Dropdown container */
.header .header__submenu {
background-color: #fafafa !important;
border: 1px solid #615d59 !important;
padding: 1.6rem 2rem !important; /* adds left/right space */
}
/* Dropdown links */
.header .header__submenu .list-menu__item {
color: #615d59 !important;
}
/* Optional: hover state (keeps it refined, not default blue/black) */
.header .header__submenu .list-menu__item:hover {
opacity: 0.7;
}
/* Thinner underline */
.header__menu-item::after {
height: 1px !important;
background-color: #615d59 !important;
}
/* Reset any existing underline styles */
.header__menu-item::after,
.header__active-menu-item::after {
height: 1px !important;
background-color: #615d59 !important;
transform: scaleY(1) !important;
}
/* Remove any extra thickness coming from borders */
.header__active-menu-item {
border-bottom: none !important;
}
/* Ensure hover uses same thin line */
.header__menu-item:hover::after {
height: 1px !important;
}
/* Make the active menu underline thin */
.header__active-menu-item,
.header__active-menu-item:hover,
.header__active-menu-item:focus {
text-decoration-thickness: 1px !important;
text-underline-offset: 0.3rem !important;
border-bottom: none !important;
}
/* If the active state is landing on the span inside the summary */
.header__menu-item span,
.header__menu-item > span,
summary.header__menu-item span {
text-decoration-thickness: 1px !important;
text-underline-offset: 0.3rem !important;
}
/* Remove Dawn pseudo underline if present */
.header__menu-item::after,
.header__active-menu-item::after,
.header__menu-item span::after,
.header__active-menu-item span::after {
display: none !important;
height: 0 !important;
}
@media screen and (max-width: 989px) {
/* Give the left-side icons room to breathe */
.header {
column-gap: 1rem;
}
/* Menu drawer trigger */
.header__icon--menu {
margin-right: 1.2rem !important;
position: relative;
z-index: 2;
}
/* Search icon */
.header__icon--search {
position: relative !important;
left: auto !important;
top: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0.4rem !important;
z-index: 1;
}
/* If Dawn is using the modal wrapper around search */
.header__search {
display: flex;
align-items: center;
margin-left: 2rem !important;
}
.menu-drawer__menu-item {
font-size: 22px !important;
text-transform: capitalize !important;
}
}
.facet-filters__field .select__select, .mobile-facets__sort .select__select {
font-family: 'lust-text' !important;
font-size: 12px !important;
font-weight: 200 !important;
color: black;
}
.facet-filters__label {
color: black;
text-transform: uppercase !important;
font-family: 'brandon-grotesque' !important;
font-size: 12px !important;
font-weight: 400 !important;
}
.sort-wrapper {
background:transparent !important;
}
@media screen and (max-width: 749px) {
#Banner-{{ section.id }} .banner__buttons--multiple {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
width: 100% !important;
}
#Banner-{{ section.id }} .banner__buttons--multiple .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: calc(50% - 6px) !important;
max-width: calc(50% - 6px) !important;
min-width: 0 !important;
margin: 0 !important;
white-space: nowrap !important;
}
}
.rewards-link-mobile2 {
display: none;
}