/* =========================================================
MINORITY RETAIL SHOP
========================================================= */
.mrdt-site{
–red:#700000;
–deep-red:#550000;
–gold:#C1A45F;
–gold-light:#d6bd79;
–ivory:#FFFAF8;
–soft-ivory:#f5f1e8;
–black:#151313;
–line:#ddd4cc;
–display:”Freight Display”,”Cinzel”,Georgia,serif;
–identity:”Futura”,”Avenir Next”,”Poppins”,Arial,sans-serif;
–ui:”Acumin Pro”,”Helvetica Neue”,”Poppins”,Arial,sans-serif;
width:100%;
margin:0;
padding:0;
background:var(–ivory);
color:var(–black);
font-family:var(–ui);
line-height:1.45;
}
.mrdt-site *,
.mrdt-site *::before,
.mrdt-site *::after{
box-sizing:border-box;
}
.mrdt-site a{
color:inherit;
text-decoration:none;
}
.mrdt-site img{
max-width:100%;
display:block;
}
.mr-wrap{
width:min(1240px,calc(100% – 40px));
margin:0 auto;
}
/* =========================================================
TOP BRAND STRIP
========================================================= */
.mrdt-brand-banner{
width:100%;
background:
linear-gradient(
90deg,
#550000,
#820000,
#550000
);
color:#fff;
border-bottom:
1px solid rgba(193,164,95,.6);
}
.mrdt-brand-banner__inner{
max-width:1440px;
min-height:34px;
margin:auto;
padding:0 24px;
display:flex;
align-items:center;
justify-content:center;
gap:24px;
font-size:10px;
letter-spacing:.08em;
}
.mrdt-brand-banner__inner span{
color:#fff;
}
.mrdt-brand-banner__inner strong{
color:#f4ddaa;
}
/* =========================================================
SECOND RED BAR
========================================================= */
.mrdt-sale-banner{
width:100%;
background:#700000 !important;
color:#fff !important;
border-bottom:
1px solid rgba(193,164,95,.6);
}
.mrdt-sale-banner__inner{
max-width:1440px;
min-height:31px;
margin:auto;
padding:0 22px;
display:flex;
align-items:center;
gap:24px;
color:#fff !important;
font-size:9px;
letter-spacing:.055em;
}
.mrdt-sale-banner strong{
color:#f1d596 !important;
}
.mrdt-sale-banner__ship{
margin-left:auto;
color:#fff !important;
}
.mrdt-sale-banner a{
color:#f1d596 !important;
text-decoration:underline !important;
font-weight:700;
}
/* =========================================================
HEADER
========================================================= */
.mrdt-header{
width:100%;
background:#FFFAF8;
border-bottom:
1px solid #ddd4cc;
}
.mrdt-header-main{
max-width:1440px;
min-height:82px;
margin:auto;
padding:10px 24px;
display:grid;
grid-template-columns:
300px
minmax(240px,1fr)
210px;
gap:28px;
align-items:center;
}
/* LOGO */
.mrdt-logo{
display:block;
}
.mrdt-logo img{
width:265px;
height:58px;
object-fit:contain;
object-position:left center;
}
/* SEARCH */
.mrdt-search{
min-height:42px;
display:flex;
overflow:hidden;
background:#fff;
border:1px solid #bdb3ac;
border-radius:24px;
}
.mrdt-search input{
flex:1;
min-width:0;
padding:0 18px !important;
border:0 !important;
outline:0 !important;
background:transparent !important;
color:#151313 !important;
box-shadow:none !important;
font-size:12px;
}
.mrdt-search button{
width:48px;
border:0;
background:transparent;
color:#700000;
font-size:21px;
cursor:pointer;
}
/* ACCOUNT */
.mrdt-account-links{
display:flex;
justify-content:flex-end;
align-items:center;
gap:18px;
font-family:var(–identity);
font-size:11px;
font-weight:700;
white-space:nowrap;
}
.mrdt-account-links a{
color:#151313 !important;
}
.mrdt-account-links a:hover{
color:#700000 !important;
}
/* =========================================================
PRIMARY NAVIGATION
========================================================= */
.mrdt-nav–brand{
max-width:1440px;
min-height:48px;
margin:auto;
padding:0 24px;
display:flex;
justify-content:center;
align-items:center;
overflow-x:auto;
white-space:nowrap;
border-top:
1px solid #eee6df;
scrollbar-width:none;
}
.mrdt-nav–brand::-webkit-scrollbar{
display:none;
}
.mrdt-nav–brand a{
min-height:48px;
padding:0 16px;
display:flex;
align-items:center;
color:#151313 !important;
font-family:var(–identity);
font-size:10px;
font-weight:700;
letter-spacing:.045em;
border-bottom:
3px solid transparent;
}
.mrdt-nav–brand a:hover{
color:#700000 !important;
border-bottom-color:#C1A45F;
}
.mrdt-nav-feature{
color:#700000 !important;
font-weight:800 !important;
}
/* =========================================================
SHOP INTRO
========================================================= */
.mr-shop-intro{
padding:56px 0 45px;
background:var(–soft-ivory);
}
.mr-shop-intro-grid{
display:grid;
grid-template-columns:
1.5fr .65fr;
align-items:end;
gap:60px;
}
.mr-label{
display:block;
color:#700000;
font-family:var(–identity);
font-size:10px;
font-weight:800;
letter-spacing:.17em;
text-transform:uppercase;
}
.mr-shop-intro h1{
margin:10px 0 14px;
color:#151313;
font-family:var(–display);
font-size:
clamp(42px,5vw,68px);
font-weight:400;
line-height:1;
}
.mr-shop-intro p{
max-width:700px;
margin:0;
color:#514e49;
font-size:14px;
line-height:1.75;
}
.mr-shop-intro-side{
padding-left:25px;
border-left:
1px solid #d6bd79;
}
/* =========================================================
5 EQUAL CATEGORY CIRCLES
========================================================= */
.mr-categories{
padding:46px 0 55px;
background:#fffdfa;
}
.mr-category-heading{
margin-bottom:31px;
text-align:center;
}
.mr-category-heading h2{
margin:7px 0 0;
color:#151313;
font-family:var(–display);
font-size:36px;
line-height:1;
font-weight:400;
}
.mr-category-grid{
width:100%;
display:grid;
grid-template-columns:
repeat(5,minmax(0,1fr));
gap:24px;
align-items:start;
}
.mr-category{
width:100%;
min-width:0;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}
.mr-category-photo{
position:relative;
width:min(170px,85%);
aspect-ratio:1;
margin:0 auto 14px;
overflow:hidden;
border-radius:50%;
background:#eee8e1;
border:
1px solid #ddd1c0;
transition:
transform .22s ease,
border-color .22s ease,
box-shadow .22s ease;
}
.mr-category-photo img{
width:100%;
height:100%;
object-fit:cover;
}
.mr-category:hover .mr-category-photo{
transform:
translateY(-4px);
border-color:#C1A45F;
box-shadow:
0 9px 25px rgba(50,30,15,.10);
}
.mr-category strong{
display:block;
color:#151313;
font-family:var(–identity);
font-size:11px;
line-height:1.35;
font-weight:700;
}
.mr-category small{
display:block;
margin-top:4px;
color:#700000;
font-size:8px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
}
/* =========================================================
FEATURED THIS WEEK
========================================================= */
.mr-featured{
padding:65px 0 72px;
background:#FFFAF8;
}
.mr-section-heading{
margin-bottom:30px;
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:30px;
}
.mr-section-heading h2{
margin:7px 0 0;
font-family:var(–display);
font-size:
clamp(32px,3vw,43px);
line-height:1;
font-weight:400;
}
.mr-section-heading p{
max-width:430px;
margin:0;
color:#68615b;
font-size:13px;
line-height:1.7;
}
/* =========================================================
FEATURED PRODUCTS — FIVE ACROSS
========================================================= */
.mr-featured
.woocommerce
ul.products{
display:grid !important;
grid-template-columns:
repeat(5,minmax(0,1fr)) !important;
gap:
30px 16px !important;
margin:0 !important;
padding:0 !important;
}
.mr-featured
.woocommerce
ul.products::before,
.mr-featured
.woocommerce
ul.products::after{
display:none !important;
}
.mr-featured
.woocommerce
ul.products
li.product{
width:100% !important;
margin:0 !important;
padding:0 !important;
float:none !important;
clear:none !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
.mr-featured
.woocommerce
ul.products
li.product
a img{
width:100% !important;
aspect-ratio:4/5;
margin:
0 0 12px !important;
object-fit:cover;
background:#eee9e2;
}
.mr-featured
.woocommerce-loop-product__title{
padding:0 !important;
margin:
0 0 5px !important;
color:#151313 !important;
font-size:12px !important;
line-height:1.4 !important;
font-weight:600 !important;
}
.mr-featured
.woocommerce
.price{
color:#700000 !important;
font-size:12px !important;
font-weight:700 !important;
}
.mr-featured
.woocommerce
.button{
min-height:37px;
margin-top:7px !important;
padding:
9px 13px !important;
background:transparent !important;
color:#151313 !important;
border:
1px solid #C1A45F !important;
border-radius:0 !important;
font-family:var(–identity) !important;
font-size:8px !important;
font-weight:800 !important;
letter-spacing:.07em;
text-transform:uppercase;
}
/* =========================================================
SHOP THE STORY
========================================================= */
.mr-story{
padding:25px 0 70px;
background:#f5f1e8;
}
.mr-story-card{
min-height:355px;
display:grid;
grid-template-columns:
1.2fr .8fr;
overflow:hidden;
background:#700000;
}
.mr-story-copy{
padding:
60px 64px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
}
.mr-story-copy .mr-label{
color:#d6bd79;
}
.mr-story-copy h2{
margin:
9px 0 15px;
color:#fff;
font-family:var(–display);
font-size:
clamp(40px,4vw,58px);
line-height:1;
font-weight:400;
}
.mr-story-copy p{
max-width:560px;
margin:
0 0 26px;
color:#f2e8df;
font-size:14px;
line-height:1.75;
}
.mr-story-button{
min-height:45px;
padding:
0 22px;
display:inline-flex;
justify-content:center;
align-items:center;
background:#d6bd79;
color:#151313 !important;
font-family:var(–identity);
font-size:9px;
font-weight:800;
letter-spacing:.09em;
text-transform:uppercase;
}
.mr-story-button:hover{
background:#fff;
color:#700000 !important;
}
.mr-story-image{
min-height:355px;
padding:50px;
display:flex;
justify-content:center;
align-items:center;
background:
radial-gradient(
circle at center,
rgba(214,189,121,.20),
transparent 58%
),
linear-gradient(
145deg,
#780000,
#500000
);
}
.mr-story-image img{
width:min(330px,90%);
height:auto;
}
/* =========================================================
MARKETPLACE BACKGROUND
========================================================= */
.mr-marketplace{
padding:
72px 0 95px;
background:#f5f1e8;
}
/* =========================================================
LARGE BOX
========================================================= */
.mr-market-shell{
width:min(1280px,calc(100% – 40px));
margin:0 auto;
overflow:visible;
background:#fff;
border:
1px solid #ddd4c9;
box-shadow:
0 10px 32px rgba(35,20,10,.05);
}
/* =========================================================
MARKETPLACE HEADER
========================================================= */
.mr-market-header{
padding:
31px 30px 25px;
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:30px;
background:#fff;
border-bottom:
1px solid #ded5cc;
}
.mr-market-header h2{
margin:
7px 0 0;
color:#151313;
font-family:var(–display);
font-size:43px;
line-height:1;
font-weight:400;
}
.mr-market-header p{
max-width:470px;
margin:0;
color:#6b645e;
font-size:12px;
line-height:1.7;
}
/* =========================================================
MARKET TOOLBAR
========================================================= */
.mr-market-toolbar{
min-height:58px;
padding:
10px 27px;
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
background:#fffdfa;
border-bottom:
1px solid #e5ddd5;
}
.mr-product-count{
color:#736c67;
font-size:10px;
letter-spacing:.06em;
text-transform:uppercase;
}
.mr-sort{
display:flex;
align-items:center;
gap:9px;
}
.mr-sort label{
color:#151313;
font-family:var(–identity);
font-size:9px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.mr-sort select{
min-width:175px;
height:36px;
padding:
0 30px 0 10px;
border:
1px solid #cec4bb;
border-radius:0;
background:#fff;
color:#151313;
font-size:11px;
}
/* =========================================================
SIDEBAR + SHOP GRID
========================================================= */
.mr-market-layout{
display:grid;
grid-template-columns:
230px
minmax(0,1fr);
align-items:start;
overflow:visible;
}
/* =========================================================
STICKY LEFT FILTER SIDEBAR
========================================================= */
.mr-filter{
position:sticky;
/*
* Floating position.
* If your main website header becomes sticky,
* increase this to about 110px.
*/
top:20px;
align-self:start;
z-index:10;
max-height:
calc(100vh – 40px);
overflow-y:auto;
overflow-x:hidden;
padding:
26px 20px 42px;
background:#fffdfa;
border-right:
1px solid #e1d8cf;
scrollbar-width:thin;
}
.mr-filter::-webkit-scrollbar{
width:6px;
}
.mr-filter::-webkit-scrollbar-track{
background:#f3eee9;
}
.mr-filter::-webkit-scrollbar-thumb{
background:#c8bba9;
}
.mr-filter::-webkit-scrollbar-thumb:hover{
background:#700000;
}
/* FILTER HEADER */
.mr-filter-top{
position:sticky;
top:-26px;
z-index:12;
margin:
-26px -20px 20px;
padding:
21px 20px 15px;
display:flex;
justify-content:space-between;
align-items:center;
background:#fffdfa;
border-bottom:
1px solid #e2dad2;
}
.mr-filter-top strong{
color:#151313;
font-family:var(–identity);
font-size:11px;
font-weight:800;
letter-spacing:.09em;
text-transform:uppercase;
}
.mr-filter-clear{
padding:0;
border:0;
background:transparent;
color:#700000;
font-size:9px;
font-weight:600;
text-decoration:underline;
cursor:pointer;
}
/* =========================================================
FILTER SEARCH
========================================================= */
.mr-filter-search{
margin-bottom:18px;
}
.mr-filter-search input{
width:100%;
height:38px;
padding:
0 10px !important;
border:
1px solid #d4cbc2 !important;
border-radius:0 !important;
outline:0 !important;
background:#fff !important;
color:#151313 !important;
box-shadow:none !important;
font-size:11px;
}
/* =========================================================
FILTER GROUPS
========================================================= */
.mr-filter-group{
padding:
18px 0;
border-top:
1px solid #ddd5cd;
}
.mr-filter-group h3{
margin:
0 0 13px;
color:#151313;
font-family:var(–identity);
font-size:9px;
font-weight:800;
letter-spacing:.09em;
text-transform:uppercase;
}
.mr-filter-option{
width:100%;
margin:
9px 0;
display:flex;
align-items:center;
gap:8px;
color:#514c48;
font-size:11px;
line-height:1.35;
cursor:pointer;
}
.mr-filter-option input{
flex:0 0 auto;
width:14px;
height:14px;
margin:0;
accent-color:#700000;
}
/* =========================================================
PRICE FILTER
========================================================= */
.mr-price-grid{
display:grid;
grid-template-columns:
1fr 1fr;
gap:7px;
}
.mr-price-grid input{
width:100%;
min-width:0;
height:35px;
padding:
0 7px !important;
border:
1px solid #d4cbc2 !important;
border-radius:0 !important;
outline:0 !important;
background:#fff !important;
color:#151313 !important;
box-shadow:none !important;
font-size:10px;
}
/* =========================================================
PRODUCT AREA
========================================================= */
.mr-product-area{
min-width:0;
overflow:visible;
padding:
26px 24px 45px;
}
/* =========================================================
WOO GRID
========================================================= */
.mr-product-area
.woocommerce
ul.products{
display:grid !important;
grid-template-columns:
repeat(3,minmax(0,1fr));
gap:
28px 16px !important;
margin:0 !important;
padding:0 !important;
}
.mr-product-area
.woocommerce
ul.products::before,
.mr-product-area
.woocommerce
ul.products::after{
display:none !important;
}
/* =========================================================
REAL PRODUCT BOX
========================================================= */
.mr-product-area
.woocommerce
ul.products
li.product{
position:relative;
width:100% !important;
margin:0 !important;
padding:
0 0 15px !important;
float:none !important;
clear:none !important;
overflow:hidden;
background:#fff !important;
border:
1px solid #e3dbd3 !important;
box-shadow:none !important;
transition:
transform .2s ease,
box-shadow .2s ease,
border-color .2s ease;
}
.mr-product-area
.woocommerce
ul.products
li.product:hover{
transform:
translateY(-2px);
border-color:
#cdbb91 !important;
box-shadow:
0 8px 23px rgba(30,20,15,.07) !important;
}
/* IMAGE */
.mr-product-area
.woocommerce
ul.products
li.product
a img{
width:100% !important;
aspect-ratio:4/5;
margin:
0 0 13px !important;
object-fit:cover;
background:#eee9e3;
}
/* TITLE */
.mr-product-area
.woocommerce-loop-product__title{
padding:
0 13px !important;
margin:
0 0 5px !important;
color:#151313 !important;
font-size:12px !important;
line-height:1.4 !important;
font-weight:600 !important;
}
/* PRICE */
.mr-product-area
.woocommerce
.price{
display:block;
padding:
0 13px;
color:#700000 !important;
font-size:13px !important;
font-weight:700 !important;
}
/* RATINGS */
.mr-product-area
.woocommerce
.star-rating{
margin:
7px 13px !important;
color:#C1A45F !important;
font-size:10px;
}
/* SALE */
.mr-product-area
.woocommerce
span.onsale{
top:10px !important;
left:10px !important;
right:auto !important;
min-width:auto !important;
min-height:auto !important;
margin:0 !important;
padding:
7px 9px !important;
line-height:1 !important;
background:#700000 !important;
color:#fff !important;
border-radius:0 !important;
font-size:8px !important;
font-weight:800 !important;
letter-spacing:.08em;
text-transform:uppercase;
}
/* ADD TO CART */
.mr-product-area
.woocommerce
ul.products
li.product
.button{
width:
calc(100% – 26px) !important;
min-height:40px;
margin:
8px 13px 0 !important;
padding:
9px 11px !important;
display:flex !important;
justify-content:center;
align-items:center;
background:#700000 !important;
color:#fff !important;
border:
1px solid #700000 !important;
border-radius:0 !important;
box-shadow:none !important;
font-family:var(–identity) !important;
font-size:8px !important;
font-weight:800 !important;
letter-spacing:.07em;
text-transform:uppercase;
}
.mr-product-area
.woocommerce
ul.products
li.product
.button:hover{
background:#C1A45F !important;
color:#151313 !important;
border-color:#C1A45F !important;
}
/* =========================================================
LOCKED PLACEHOLDER PRODUCT
========================================================= */
.mr-product-area
.woocommerce
ul.products
li.mr-auto-placeholder{
width:100% !important;
margin:0 !important;
padding:
0 0 14px !important;
background:#fff !important;
border:
1px solid #e3dbd3 !important;
overflow:hidden;
}
.mr-placeholder-media{
position:relative;
width:100%;
aspect-ratio:4/5;
overflow:hidden;
background:#ddd;
}
/* REAL WEBSITE IMAGE UNDER BLUR */
.mr-placeholder-media img{
position:absolute;
inset:-8px;
width:
calc(100% + 16px);
height:
calc(100% + 16px);
object-fit:cover;
filter:
blur(5px)
saturate(.78)
brightness(.82);
transform:
scale(1.05);
}
/* DARK GLASS */
.mr-placeholder-shade{
position:absolute;
inset:0;
z-index:2;
background:
linear-gradient(
180deg,
rgba(255,250,248,.03),
rgba(21,19,19,.44)
);
}
/* LOCK OVER IMAGE */
.mr-placeholder-lock{
position:absolute;
inset:0;
z-index:3;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
color:#fff;
text-align:center;
text-shadow:
0 2px 13px rgba(0,0,0,.55);
}
/* CSS LOCK ICON */
.mr-lock{
position:relative;
width:38px;
height:31px;
margin:
14px 0 13px;
background:#700000;
border:
2px solid #d6bd79;
border-radius:3px;
box-shadow:
0 4px 14px rgba(0,0,0,.25);
}
.mr-lock::before{
content:””;
position:absolute;
left:50%;
top:-17px;
width:20px;
height:19px;
transform:
translateX(-50%);
border:
3px solid #d6bd79;
border-bottom:0;
border-radius:
14px 14px 0 0;
}
.mr-placeholder-lock strong{
font-family:var(–identity);
font-size:11px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}
.mr-placeholder-lock span{
margin-top:5px;
font-size:9px;
}
/* PLACEHOLDER INFO */
.mr-placeholder-info{
padding:
12px 13px 3px;
}
.mr-placeholder-info strong{
display:block;
color:#700000;
font-size:8px;
font-weight:800;
letter-spacing:.10em;
text-transform:uppercase;
}
.mr-placeholder-info span{
display:block;
margin-top:6px;
color:#5d5650;
font-size:11px;
}
/* =========================================================
PAGINATION
========================================================= */
.mr-product-area
.woocommerce
nav.woocommerce-pagination{
margin-top:45px;
}
.mr-product-area
.woocommerce
nav.woocommerce-pagination
ul{
display:flex;
justify-content:center;
gap:6px;
border:0 !important;
}
.mr-product-area
.woocommerce
nav.woocommerce-pagination
ul li{
float:none !important;
border:0 !important;
}
.mr-product-area
.woocommerce
nav.woocommerce-pagination
ul li a,
.mr-product-area
.woocommerce
nav.woocommerce-pagination
ul li span{
width:38px;
height:38px;
display:flex !important;
justify-content:center;
align-items:center;
border:
1px solid #ddd4cc;
background:#fff !important;
color:#151313 !important;
font-size:10px;
}
.mr-product-area
.woocommerce
nav.woocommerce-pagination
ul li span.current,
.mr-product-area
.woocommerce
nav.woocommerce-pagination
ul li a:hover{
background:#700000 !important;
color:#fff !important;
border-color:#700000;
}
/* =========================================================
MOBILE FILTER BUTTON
========================================================= */
.mr-filter-button{
display:none;
}
/* =========================================================
FOOTER
========================================================= */
.mrdt-footer{
width:100%;
background:
linear-gradient(
#760000,
#4f0000
);
color:#fff;
}
/* OFFER */
.mrdt-footer-offer{
max-width:1240px;
margin:0 auto;
padding:
46px 20px 38px;
display:grid;
grid-template-columns:
1fr
minmax(300px,480px);
gap:60px;
align-items:center;
border-bottom:
1px solid rgba(193,164,95,.38);
}
.mrdt-footer-offer span{
color:#f4dca4;
font-size:9px;
font-weight:700;
letter-spacing:.15em;
}
.mrdt-footer-offer h2{
margin:
7px 0;
color:#fff;
font-family:var(–display);
font-size:34px;
line-height:1.05;
font-weight:400;
}
.mrdt-footer-offer p{
margin:0;
color:#f6e9e1;
font-size:12px;
}
.mrdt-footer-offer form{
display:flex;
}
.mrdt-footer-offer input{
flex:1;
min-width:0;
height:46px;
padding:
0 15px;
border:
1px solid #d9c38c !important;
border-right:0 !important;
background:#fff !important;
color:#151313 !important;
outline:0 !important;
box-shadow:none !important;
}
.mrdt-footer-offer button{
min-width:125px;
height:46px;
padding:
0 20px;
border:
1px solid #C1A45F;
background:#C1A45F;
color:#151313;
font-family:var(–identity);
font-size:10px;
font-weight:800;
letter-spacing:.07em;
cursor:pointer;
}
/* FOOTER MAIN */
.mrdt-footer-main{
max-width:1240px;
margin:auto;
padding:
42px 20px 30px;
display:grid;
grid-template-columns:
1.5fr
1fr
1fr
1.4fr;
gap:40px;
}
.mrdt-footer-main > img{
width:250px;
max-width:100%;
}
.mrdt-footer-main > div{
display:flex;
flex-direction:column;
gap:8px;
font-size:11px;
}
.mrdt-footer-main strong{
color:#f4dca4;
font-size:10px;
letter-spacing:.1em;
}
.mrdt-footer-main a{
color:#fff !important;
}
.mrdt-footer-main a:hover{
color:#f4dca4 !important;
}
/* FOOTER BOTTOM */
.mrdt-footer-bottom{
max-width:1240px;
margin:0 auto;
padding:
27px 20px 20px;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
text-align:center;
border-top:
1px solid rgba(193,164,95,.32);
}
.mrdt-footer-bottom > img{
width:54px;
height:54px;
object-fit:contain;
}
.mrdt-footer-legal-links{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:14px;
font-size:9px;
}
.mrdt-footer-legal-links a{
color:#fff !important;
}
.mrdt-footer-bottom p{
margin:0;
color:#ead8ce;
font-size:8px;
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1050px){
.mrdt-header-main{
grid-template-columns:
230px
minmax(200px,1fr)
110px;
}
.mrdt-logo img{
width:215px;
}
.mrdt-account-links a:first-child{
display:none;
}
.mr-category-grid{
grid-template-columns:
repeat(5,1fr);
gap:16px;
}
.mr-category-photo{
width:min(135px,90%);
}
.mr-featured
.woocommerce
ul.products{
grid-template-columns:
repeat(3,1fr) !important;
}
.mr-market-layout{
grid-template-columns:
200px
minmax(0,1fr);
}
.mr-filter{
top:15px;
max-height:
calc(100vh – 30px);
padding-left:17px;
padding-right:17px;
}
.mr-product-area
.woocommerce
ul.products{
grid-template-columns:
repeat(2,1fr);
}
.mrdt-footer-main{
grid-template-columns:
1fr 1fr;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.mrdt-brand-banner__inner span{
display:none;
}
.mrdt-sale-banner__inner{
justify-content:center;
padding:
7px 14px;
}
.mrdt-sale-banner__ship,
.mrdt-sale-banner__inner > a{
display:none;
}
.mrdt-header-main{
grid-template-columns:
1fr auto;
gap:12px;
padding:
12px 14px;
}
.mrdt-logo img{
width:205px;
height:48px;
}
.mrdt-search{
grid-column:1/-1;
grid-row:2;
}
.mrdt-account-links a:first-child{
display:none;
}
.mrdt-nav–brand{
justify-content:flex-start;
padding:
0 14px;
}
.mrdt-nav–brand a{
padding:
0 13px;
}
.mr-shop-intro-grid{
grid-template-columns:1fr;
gap:25px;
}
.mr-category-grid{
grid-template-columns:
repeat(3,1fr);
gap:
22px 12px;
}
.mr-category-photo{
width:min(120px,90%);
}
.mr-section-heading,
.mr-market-header{
display:block;
}
.mr-section-heading p,
.mr-market-header p{
margin-top:13px;
}
.mr-featured
.woocommerce
ul.products{
grid-template-columns:
repeat(2,1fr) !important;
}
.mr-story-card{
grid-template-columns:1fr;
}
.mr-story-copy{
padding:
43px 28px;
}
.mr-story-image{
min-height:210px;
}
/* MOBILE MARKET */
.mr-market-shell{
width:
calc(100% – 20px);
}
.mr-market-toolbar{
padding:
10px 15px;
}
.mr-filter-button{
min-height:35px;
padding:
0 13px;
display:inline-flex;
align-items:center;
background:#fff;
color:#700000;
border:
1px solid #700000;
font-size:9px;
font-weight:800;
letter-spacing:.07em;
text-transform:uppercase;
}
.mr-market-layout{
display:block;
}
/* Sticky sidebar becomes drawer on phones */
.mr-filter{
position:static;
top:auto;
display:none;
width:100%;
max-height:none;
overflow:visible;
padding:
24px 18px 28px;
border-right:0;
border-bottom:
1px solid #ddd4cc;
}
.mr-filter.is-open{
display:block;
}
.mr-filter-top{
position:static;
margin:
-24px -18px 18px;
padding:
20px 18px 14px;
}
.mr-sort label{
display:none;
}
.mr-sort select{
min-width:135px;
}
.mr-product-area{
padding:
18px 13px 34px;
}
.mr-product-area
.woocommerce
ul.products{
grid-template-columns:
repeat(2,minmax(0,1fr));
gap:
20px 10px !important;
}
.mrdt-footer-offer{
grid-template-columns:1fr;
gap:25px;
}
.mrdt-footer-main{
grid-template-columns:
1fr 1fr;
}
.mrdt-footer-main > img{
grid-column:1/-1;
margin:auto;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media(max-width:480px){
.mr-category-grid{
grid-template-columns:
repeat(2,1fr);
}
.mrdt-footer-offer form{
display:grid;
gap:8px;
}
.mrdt-footer-offer input{
border-right:
1px solid #d9c38c !important;
}
.mrdt-footer-offer button{
width:100%;
}
.mrdt-footer-main{
grid-template-columns:1fr;
text-align:center;
}
.mrdt-footer-main > img{
grid-column:auto;
}
.mrdt-footer-main > div{
align-items:center;
}
}

MINORITY RETAIL

MARKETPLACE FOR MINORITY BRANDS



THE RETAIL READY TOUR

  SEASON ONE
FREE SHIPPING on eligible orders over $25

SHOP THE CATALOG

⌕

Sign In


Cart