﻿.ss_marketplace-banner-inner {display:flex;overflow-x:hidden;max-width:1550px;margin:0 auto}
.ss_marketplace-banner-inner a {display:block;width:50%}
.ss_marketplace-banner-inner img {height:auto;width:50%}
.ss_marketplace-banner-inner a img {width:100%;display:block}

.ss_marketplace-catagories {display:grid;grid-template-columns:repeat(6, 1fr);column-gap:2rem;padding:4rem 3rem;row-gap:3rem;background-color:#f6eaef}
.ss_marketplace-catagories img {width:100%;height:auto}
.ss_marketplace-catagories a {display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#000;font-weight:800;transition:transform .4s;text-align:center}
.ss_marketplace-catagories a span {margin-top:1rem}
.ss_marketplace-catagories a:hover {color:#DB297A}
.ss_marketplace-catagories span.view-all {grid-column-start:6;display:flex;align-items:center}
.ss_marketplace-catagories span.view-all a {display:block;background-color:#ee85b1;color:#fff;font-weight:400;padding:0.5rem;text-align:center;margin:5px;outline:solid 1px #ee85b1;outline-offset:3px;font-family:Freeman, Montserrat, sans-serif;width:100%}
.ss_marketplace-catagories span.view-all a:hover {background-color:#DB297A;outline-color:#DB297A}

h3.best-sellers-title {font-size:250% !important;padding:0rem 0 2rem !important;width:100%;border-bottom:solid 2px #ebebeb;margin:4rem 0;}
.ss_marketplace-home-products {display:grid;grid-template-columns:repeat(4, 22%);column-gap:4%;row-gap:4rem}

.marketplace-header {display:flex;align-items:center;gap:4rem;padding:4rem 2rem 4rem;border-bottom:solid 1px #dedede;margin-bottom:4rem}
.marketplace-header img {max-width:120px;max-height:120px}
.marketplace-header-description {width:100%}
.marketplace-header h1 {font-family:Freeman, Montserrat, sans-serif;font-weight:400;color:#000;font-size:220%;padding:0 0 1rem}
.marketplace-header p {line-height:150%;font-size:95%;color:#666;font-style:italic}
.marketplace-header .mp-icons {display:flex;justify-content:space-between;align-items:center}
.marketplace-socials {column-gap:0.5rem}
.marketplace-socials a {background-color:#000;height:24px;width:24px;border-radius:24px;display:block;font-size:0px}
.marketplace-socials a.social-facebook {background-image:url(/theme/img/social-icons/facebook.svg)}
.marketplace-socials a.social-x {background-image:url(/theme/img/social-icons/twitter.svg)}
.marketplace-socials a.social-threads {background-image:url(/theme/img/social-icons/threads.svg)}
.marketplace-socials a.social-youtube {background-image:url(/theme/img/social-icons/youtube.svg)}
.marketplace-socials a.social-tiktok {background-image:url(/theme/img/social-icons/tiktok.svg)}
.marketplace-socials a.social-instagram {background-image:url(/theme/img/social-icons/instagram.svg)}
.marketplace-socials a.social-pinterest {background-image:url(/theme/img/social-icons/pintrest.svg)}
.marketplace-socials a.social-newsletter {background-image:url(/theme/img/social-icons/newsletter.svg)}
.marketplace-socials a:hover {background-color:#DB297A}
.marketplace-meta {margin:0.5rem 0 0}
.marketplace-meta a {color:#000;text-decoration:none;display:flex;align-items:center;column-gap:0.5rem;margin:0.5rem 0}
.marketplace-meta a::before {content:"";display:block;height:16px;width:17px;background-repeat:no-repeat}
.marketplace-meta #mpEmail a::before {background-image:url(/theme/img/nav-icons/envelope-fill.svg)}
.marketplace-meta #mpPhone a::before {background-image:url(/theme/img/nav-icons/telephone-fill.svg)}

.products {display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem;margin-bottom:5rem}
.product {display:flex;flex-direction:column;align-items:center}
.product strong {padding:0 1rem;color:#000;font-weight:600}
.product a {text-decoration:none;display:flex;flex-direction:column;align-items:center}
.product a.product-title {width:100%;min-height:55px}
.product a h3 {font-family:Freeman, Montserrat, sans-serif;color:#000;font-size:120%;padding:1rem 0;text-align:center}
.product .product-artist {display:flex;gap:0.5rem;align-items:center;justify-content:center;padding-bottom:0.5rem}
.product .product-artist span {font-size:90%;font-style:italic;color:#999}
.product .product-artist a {color:#DB297A;font-weight:600}
.product .product-artist a;hover {text-decoration:underline}
.product .product-action {display:flex;width:100%;justify-content:space-between;margin:0.5rem 0;align-items:center}
.product .product-action a {background-color:#fff;padding:0.5rem;color:#999;font-size:90%;font-family:Freeman, Montserrat, sans-serif;font-weight:400;border:solid 1px #ccc}
.product .product-action a:hover {background-color:#999;color:#fff}
.product img {width:100%;height:300px;object-fit:contain}

.product-images {display:flex;gap:6px;justify-content:center;padding-bottom:1rem}
.product-images img {max-width:100%}
.product-images.double img {width:48%}

.product-page {margin:3rem 0;display:grid;grid-template-columns:60% auto;gap:2rem}
.product-page-image {display:flex;justify-content:center}
.product-page-details {background-color:#f7f7f7;padding:2rem}
.product-page-details h1 {font-family:Freeman, Montserrat, sans-serif;color:#000;font-size:220%;padding:1rem 0 2rem;border-bottom:solid 1px #ccc;margin-bottom:2rem}
.product-page-details p {font-style:italic;color:#666;padding:0 0 2rem;line-height:150%}
.product-page-details strong {font-family:Freeman, sans-serif;text-transform:uppercase;color:#000;display:flex;align-items:center;font-size:220%;font-weight:800}
.product-page-details h3 {font-family:Freeman, Montserrat, sans-serif;color:#DB297A;font-size:160%;padding:2rem 0 1rem}
.product-page-details .owner-price {color:#2e7d32;font-weight:600;display:flex;align-items:center;column-gap:0.5rem}
.product-page-details .owner-price small {font-size:45%;font-family:Montserrat, sans-serif;font-weight:400;text-transform:none}
.product-page-details .sizes {display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;padding:0 0 3rem}
.product-page-details .sizes button.size-btn {border:0;font-family:Freeman, Montserrat, sans-serif;font-size:120%;background-color:#e8e8e8;padding:0.5rem;outline:dotted 1px #ccc;outline-offset:2px}
.product-page-details .sizes button.size-btn:hover {outline:solid 1px #DB297A;cursor:pointer}
.product-page-details .sizes button.selected {background-color:#DB297A;color:#fff;outline:solid 1px #DB297A;outline-offset:2px}
.product-page .ss_button {background-color:#DB297A;border:0;color:#fff;font-family:Freeman, Montserrat, sans-serif;font-size:140%;display:block;padding:1rem;box-shadow:4px 4px #000;line-height:90%;cursor:pointer;text-decoration:none}

.marketplace-tag-header {background-color:#f0c9db;background-image:url(/theme/img/banners/marketplace-banner-title-bg.png);background-repeat:no-repeat;background-position:center 0;background-size:contain;margin-bottom:4rem}
.marketplace-tag-header-container {height:160px;background-repeat:no-repeat;background-position:top right;background-size:contain;display:flex;align-items:flex-end}
.marketplace-tag-header-container h1 {font-family:Freeman, Montserrat, sans-serif;color:#fff;font-size:550%;text-transform:uppercase;line-height:60%}
.marketplace-tag-header-tshirts .marketplace-tag-header-container {background-image:url(/theme/image.ashx?path=/theme/img/banners/marketplace-banner-tshirts.png&h=160)}
.marketplace-tag-header-sweatshirts .marketplace-tag-header-container {background-image:url(/theme/image.ashx?path=/theme/img/banners/marketplace-banner-sweatshirts.png&h=160)}
.marketplace-tag-header-hoodies .marketplace-tag-header-container {background-image:url(/theme/image.ashx?path=/theme/img/banners/marketplace-banner-hoodies.png&h=160)}
.marketplace-tag-header-jackets .marketplace-tag-header-container {background-image:url(/theme/image.ashx?path=/theme/img/banners/marketplace-banner-jackets.png&h=160)}
.marketplace-tag-header-vests .marketplace-tag-header-container {background-image:url(/theme/image.ashx?path=/theme/img/banners/marketplace-banner-vests.png&h=160)}
.marketplace-tag-header-bags .marketplace-tag-header-container {background-image:url(/theme/image.ashx?path=/theme/img/banners/marketplace-banner-bags.png&h=160)}
.marketplace-tag-header-bottoms .marketplace-tag-header-container {background-image:url(/theme/image.ashx?path=/theme/img/banners/marketplace-banner-shorts.png&h=160)}
.marketplace-tag-header-mens .marketplace-tag-header-container {background-image:url(/theme/image.ashx?path=/theme/img/banners/marketplace-banner-mens.png&h=160)}
.marketplace-tag-header-womens .marketplace-tag-header-container {background-image:url(/theme/image.ashx?path=/theme/img/banners/marketplace-banner-womens.png&h=160)}
.marketplace-tag-header-childrens .marketplace-tag-header-container {background-image:url(/theme/image.ashx?path=/theme/img/banners/marketplace-banner-childrens.png&h=160)}
.marketplace-tag-header-artists .marketplace-tag-header-container {background-image:url(/theme/image.ashx?path=/theme/img/banners/marketplace-banner-artists.png&h=160)}
.marketplace-tag-header-all .marketplace-tag-header-container, .marketplace-tag-header-search .marketplace-tag-header-container  {background-image:url(/theme/image.ashx?path=/theme/img/banners/marketplace-banner-all.png&h=160)}
.marketplace-tag-links {display:grid;grid-template-columns:repeat(10, 1fr);gap:1rem;margin-bottom:4rem}
.marketplace-tag-links-all {grid-template-columns:repeat(11, 1fr)}
.marketplace-tag-links a {position:relative}
.marketplace-tag-links img {width:100%;height:auto;opacity:1;display:block}
.marketplace-tag-links span {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:Freeman, Montserrat, sans-serif;text-align:center;font-size:110%;color:#fff;opacity:0}
.marketplace-tag-links a:hover {background-color:#DB297A}
.marketplace-tag-links a:hover img {opacity:0}
.marketplace-tag-links a:hover span {opacity:1}

.marketplace-paging {display:flex;margin:4rem 0 2rem;align-items:center;justify-content:space-between}
.marketplace-paging .page-indicator {font-size:95%;font-style:italic;color:#999}

.marketplace-return {background-color:#f6eaef;padding:3rem 4rem;display:flex;align-items:center;justify-content:space-between}
.marketplace-return h3 {font-family:Freeman, Montserrat, sans-serif;text-transform:uppercase;font-size:180%;color:#DB297A}
.marketplace-return span {display:flex}
.marketplace-return span a {display:block;background-color:#ee85b1;color:#fff;font-weight:400;padding:0.5rem 1rem;text-align:center;margin:5px;outline:solid 1px #ee85b1;outline-offset:3px;font-family:Freeman, Montserrat, sans-serif;width:100%;text-decoration:none;font-size:140%}

/**Search**/
.marketplace-tag-links-search {grid-template-columns:auto !important}
.marketplace-tag-links-search .ss_default-content h3 {padding:0 0 2rem;color:#000}
.marketplace-tag-links-search .marketplace-searchbox {display:flex;border-top:solid 1px #ddd;padding:3rem 20%;gap:2rem;border-bottom:solid 1px #ddd}


/**GridAlignmentFixes**/
.product a.product-title {display:block !important;width:100%}
.product a.product-title h3 {margin:0;padding:1rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product {display:flex;flex-direction:column;height:100%}
.product {align-items:stretch}
.product a.product-title {min-height:60px}
.product .product-artist-outer {border-bottom:solid 1px #ccc;display:grid;justify-content:center;width:100%;justify-items:center}
.product .product-artist {display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;max-width:260px;width:auto}
.product .product-artist span {flex:0 0 auto}
.product .product-artist a {flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product a {display:block;width:100%}
.product-action span {display:flex}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .product .product-artist {max-width:220px}
}


/**Mobile**/
@media screen and (max-width: 990px) {
    .ss_marketplace-banner-inner {flex-direction:column}
    .ss_marketplace-banner-inner img, .ss_marketplace-banner-inner a {width:100%}
    .ss_marketplace-catagories {grid-template-columns:repeat(2, 1fr);column-gap:2rem;padding:2rem 1rem;row-gap:2rem}
    .ss_marketplace-home-products {grid-template-columns:100%}
    .ss_marketplace-catagories span.view-all {grid-column-start:inherit}
    .marketplace-tag-header {margin-bottom:2rem}
    .marketplace-tag-header-container {height:80px;padding:0 5%}
    .marketplace-tag-header-container h1 {font-size:280%}
    .marketplace-tag-header-bottoms h1 {font-size:270%}
    .marketplace-tag-links {grid-template-columns:repeat(5, 1fr);margin:0 5% 2rem}
    .products {grid-template-columns:repeat(2, 1fr)}
    .marketplace-home .ss_full-layout {padding:0 0 4rem}
    .product-page {margin:1rem 0 0;grid-template-columns:100%}
    .product-page-details {padding:2rem 2rem 4rem}
    .product-page-image img {width:100%;height:auto}
    .product img {object-fit:contain}
    .product-images.double {max-width:100% !important}
    .marketplace-header {gap:2rem;padding:0 0 2rem;align-items:flex-start}
    .marketplace-header img {width:20%;height:auto}
    .marketplace-header h1 {font-size:180%}
    .marketplace-meta {margin:0}
    .marketplace-header .mp-icons {display:flex;justify-content:revert;align-items:flex-start;flex-direction:column;gap:1rem}
    .product .product-artist {max-width:320px}
    .marketplace-tag-links-search {margin: 0 0 2rem !important}
    .marketplace-tag-links-search .marketplace-searchbox {padding:2rem 0;gap:1rem}
    .marketplace-tag-links-search .marketplace-searchbox button {font-size:0px !important;padding:1rem 1.5rem !important;background-image:url(/theme/img/nav-icons/search.svg);background-repeat:no-repeat;background-position:center;background-size:2rem}
}

/**Tablet**/
@media screen and (min-width: 650px) and (max-width: 990px) {
    .ss_marketplace-banner-inner {flex-direction:row}
    .ss_marketplace-banner-inner img, .ss_marketplace-banner-inner a {width:50%}
    .ss_marketplace-catagories {grid-template-columns:repeat(3, 1fr);padding:2rem}
    .ss_marketplace-home-products {grid-template-columns:repeat(2, 48%)}
}
@media screen and (min-width: 860px) and (max-width: 990px) {
    .product-page {grid-template-columns:60% auto}
    }