/** Shopify CDN: Minification failed
Line 1219:0 Unexpected "}"
**/
/* UNIVERSAL STYLES */
/* custom font-face for Starter defined in snippets/css-typography.liquid */
/* Font files pointed to 'Content > Files' */
:root {
--font--heading--family: "Anton", serif;
--font--heading--weight: 100;
--font--heading--style: normal;
--border--1: #000000;
--border--2: #868b8f;
--border--3: #be0113;
--underline--1: #000000;
--underline--2: #be0113;
--max-width--x-large: 1600px;
--max-width--large: 1400px;
--max-width--medium: 1100px;
}
[data-background-color=accent-3] {background-color: var(--color--accent-3);}
[data-background-color=accent-4] {background-color: var(--color--accent-4);}
[data-background-color=accent-5] {background-color: var(--color--accent-5);}
[data-background-color=accent-6] {background-color: var(--color--accent-6);}
[data-background-color=accent-7] {background-color: var(--color--accent-7);}
[data-background-color=accent-8] {background-color: var(--color--accent-8);}
[data-bg-color-m=accent-1] {background-color: var(--color--accent-1);}
[data-bg-color-m=accent-2] {background-color: var(--color--accent-2);}
[data-bg-color-m=accent-3] {background-color: var(--color--accent-3);}
[data-bg-color-m=accent-4] {background-color: var(--color--accent-4);}
[data-bg-color-m=accent-5] {background-color: var(--color--accent-5);}
[data-bg-color-m=accent-6] {background-color: var(--color--accent-6);}
[data-bg-color-m=accent-7] {background-color: var(--color--accent-7);}
[data-bg-color-m=accent-8] {background-color: var(--color--accent-8);}
[data-background-color=none] {
background-color: unset;
}
.x-menu--level-1--link[data-link-id=sale]>a,
.x-menu--level-2--link[data-link-id=women--sale]>a,
.x-menu--level-2--link[data-link-id=men--sale]>a,
.y-menu--level-1--link[data-link-id=sale]>a,
.y-menu--level-2--link[data-link-id=women--sale]>a,
.y-menu--level-2--link[data-link-id=men--sale]>a
{
color: var(--color--accent-8) !important;
}
@font-face {
font-family: 'overdose-icons';
src: url('https://cdn.shopify.com/s/files/1/0559/4136/5815/files/overdose-icons.woff2?v=1710873111') format('woff2');
}
.icon-search::before {
font-family: 'overdose-icons';
content: "\f14a";
font-size: 30px;
}
/* this is bad:
body {
font-family: 'overdose-icons', sans-serif;
}*/
.rte, [data-item=paragraph], [data-item=rte-content], body {
line-height: var(--font--paragraph--line-height);
}
/* don't allow body scrolling when drawer or modal open */
/* taken from Maker 10.0.0 */
html:has(.layout--viewport[data-modal-status*=open]),
html:has(.layout--viewport[data-drawer-status*=open]){
overflow:hidden
}
/* LINKS */
[data-item=button] {
line-height: normal;
}
.featured-content--link a:hover,
.featured-grid--item--link-container:hover,
.featured-grid--footer--button-container:hover,
.featured-text--link--container:hover,
.product-buy-buttons--primary:hover,
.product-buy-buttons--smart:hover,
.account--button-container div:hover,
.account--button-container button:hover,
.cart--nav div p:hover,
.cart--nav button:hover,
.quantity-selector--remove span:hover,
.cus-head-link a:hover,
.footer--block--body li a:hover,
.x-menu--level-2--link>a:hover,
.x-menu--level-3--link>a:hover,
.product--title:hover,
[data-item=block-link]:hover,
[data-item=button]:hover,
[data-item=secondary-button]:hover
{
opacity: .9;
text-underline-offset: 3px;
}
.featured-content--text [data-item=block-link],
[data-item=block-link]>* {
pointer-events: auto;
text-underline-offset: 2px;
}
[data-item=nav-text] {
font-family: var(--font--nav--family);
letter-spacing: var(--font--nav--spacing);
}
[data-item=button],
[data-item=block-link]>*,
[data-item=secondary-button],
[data-item=inverted-button],
.featured-grid--item--link-container,
.footer--form-submit button {
font-family: var(--font--button--family);
font-size: var(--font--button--size);
letter-spacing: var(--font--button--spacing);
text-transform: var(--font--button--text-transform);
border-radius: var(--button--radius);
font-style: var(--font--button--style);
}
[data-item=block-link]>* {
text-decoration: underline;
text-decoration-thickness: 1px;
}
/*
[data-item=button]:hover,
[data-item=block-link]>*:hover,
[data-item=secondary-button]:hover,
a.featured-grid--item--link-wrapper:hover,
.featured-grid--item--text:hover,
.featured-grid--item--link:hover,
.featured-grid--item--link-container:hover
{
text-decoration: none;
}
*/
a:hover,
button:hover,
.navigation--button:hover,
[data-item=button]:hover,
[data-item=secondary-button]:hover {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
header-root a:hover {
text-decoration: none;
opacity: 0.75;
}
.x-menu--level-1--link> a:hover {
text-decoration: none;
}
.cus-head-link a:hover,
.footer--block--body li a:hover {
text-decoration-color: var(--color--accent-2) !important;
}
.header--right-side a:hover {
text-decoration: none;
}
.featured-grid--item:hover .featured-grid--item--image {
opacity: 0.85;
}
.featured-grid--item:hover .featured-grid--item--link-container {
text-decoration: none;
}
/* Update "snippets/product-buy-buttons.liquid from
{% if smart_payment_enabled and product.selling_plan_groups == empty %}
data-item="button"
{% else %}
to
{% if smart_payment_enabled and product.selling_plan_groups == empty %}
data-item="secondary-button"
{% else %}
To make Add to Cart secondary/outline style
*/
[data-item=button] /* Solid */ {
color: var(--color--accent-2);
background-color: var(--color--accent-1);
}
[data-item=secondary-button] /* Outline */ {
color: var(--color--accent-1);
background-color: var(--color--accent-2);
}
[data-item=block-link] /* Link */ {
color: var(--color--accent-1);
background-color: var(--color--accent-2);
border: 0px;
}
@keyframes slide-up-opacity {
0% {
transform: translateY(100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@media only screen and (max-width: 1023px) {
.product-buy-buttons--root.is-stuck {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
padding: var(--spacing--section--mobile--x);
background-color: #FFF;
box-shadow: 0 0 6px 0 #e1e0e0;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.product-buy-buttons--root.is-stuck.animate-in {
opacity: 0;
animation: slide-up-opacity .6s cubic-bezier(0.4, 0, 0.2, 1) 500ms forwards;
}
.product-page--form.atc-is-stuck {
position: relative;
}
.product-buy-buttons--root.is-stuck shopify-payment-terms {
display: none;
}
.olark-launch-button-wrapper.olark-bottom-left {
transition: transform 500ms ease-in-out;
}
.olark-launch-button-wrapper.olark-bottom-left.atc-sticky-active {
transform: translateY(-65px);
}
}
.product-buy-buttons--root {
min-width: 220px;
}
[data-link-id="team-uniforms"]:after {
content: "";
display: inline-flex;
content: '';
background: url('/cdn/shop/files/link-arrow-blk.svg?v=1738601614') no-repeat;
background-size: 8px;
height: 8px;
width: 8px;
position: relative;
top: -5px;
left: -10px;
}
@media only screen and (max-width: 767px) {
.y-menu li[data-link-id="team-uniforms"] {
display: flex;
}
.y-menu li[data-link-id="team-uniforms"] a {
width: fit-content;
}
[data-link-id="team-uniforms"]:after {
top: 20px;
left: -20px;
}
}
/* */
@media only screen and (max-width: 767px) {
[data-item~=section-heading] {
font-size: var(--font--section-heading--size);
}
}
.featured-grid--item--text {
align-items: center;
}
.search--bar {
border-radius: var(--button--radius) !important;
}
.featured-video--buttons-container {
display: flex;
gap: 10px;
}
[data-item=accent-text] {
letter-spacing: var(--font--accent--spacing);
}
@media only screen and (min-width: 768px) {
[data-section-id][data-container-width="5"]:not([data-container])>:not([data-container=block]) {
max-width: var(--max-width--x-large);
padding: 0px var(--spacing--5);
}
}
.featured-grid--root[data-container-width="5"] .featured-grid--body {
grid-template-columns: minmax(auto, var(--max-width--x-large));
}
.template-page--heading
{
padding-bottom: var(--spacing--3);
font-size: calc(var(--font--section-heading--size) + 0px);
border-bottom: 1px solid var(--bg-color--dark);
margin-bottom: var(--spacing--block);
}
.template-page--wrapper h5 {
text-transform: initial;
font-size: 1.4em;
line-height: 1.7em;
}
.template-page--wrapper h6 {
text-transform: initial;
font-size: 1.2em;
line-height: 1.5em;
}
.product--title {
font-size: calc(var(--font--paragraph--size) + 2px);
letter-spacing: .02em;
font-weight: var(--font--paragraph--weight);
}
@media only screen and (max-width: 767px) {
.product--title {
font-size: calc(var(--font--paragraph--size) - 2px);
}
.product--title[data-item=paragraph] {
line-height: calc(var(--font--paragraph--line-height) - 8px);
}
}
.shop-the-look--hotspot:after {
content: none !important;
}
.radios--container [data-item=button]>* {
font-family: var(--font--accent--family);
}
.template--product main {
border-top: 0px solid var(--color--accent-1);
}
main .shopify-section {
margin: auto;
}
.featured-text--link--container,
[data-item=button] .featured-grid--footer--button-container
{
line-height: 46px;
}
[data-item=secondary-button]>* {
line-height: 42px;
}
.button-style--light,
[data-button-style=button-style--light] a.featured-content--link--container {
background-color: var(--bg-color--body) !important;
color: var(--bg-color--dark) !important;
border: 1px solid var(--bg-color--panel) !important;
}
.button-style--dark,
[data-button-style=button-style--dark] a.featured-content--link--container {
background-color: var(--bg-color--dark) !important;
color: var(--bg-color--body) !important;
border: 1px solid var(--color--body--light) !important;
}
body #olark-wrapper .olark-launch-button {
width: 60px !important;
}
@media only screen and (max-width: 767px) {
.button-style--light-mobile,
[data-button-style-mobile=button-style--light-mobile] a.featured-content--link--container {
background-color: var(--bg-color--body) !important;
color: var(--bg-color--dark) !important;
border: 1px solid var(--bg-color--panel) !important;
}
.button-style--dark-mobile,
[data-button-style-mobile=button-style--dark-mobile] a.featured-content--link--container {
background-color: var(--bg-color--dark) !important;
color: var(--bg-color--body) !important;
border: 1px solid var(--color--body--light) !important;
}
.featured-content--button-wrapper {
align-items: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 899px) {
button {
line-height: 15px !important;
}
}
.search--bar {
background-color: var(--bg-color--body) !important;
}
.error {
text-transform: uppercase;
font-size: .8em;
}
.feedback-bar--message {
border-radius: 0px;
}
.shopify-section {
border-bottom: 0px solid white;
}
input,
textarea,
.search--bar
{
border: 1px solid var(--border--2);
}
.collapsible-row--wrapper {
border-top: 1px solid var(--border--1);
border-bottom: 1px solid var(--border--1);
}
input.quantity-selector--input {
border-left: 1px solid var(--color--accent-7);
border-right: 1px solid var(--color--accent-7);
}
.quantity-selector--input {
border-top: 1px solid var(--color--accent-2);
border-bottom: 1px solid var(--color--accent-2);
}
[data-top-border=true] {
border-top: 1px solid var(--bg-color--dark);
}
sup {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
position: relative;
top: 0.1em
}
[data-item=overline] {
padding-bottom: 0px;
}
/* ANNOUNCMENT /////////////////////////////////////////////////////////////////////// */
.announcement--root {
border-bottom: 1px solid var(--bg-color--dark);
}
.announcement--text,
.ge-free-shipping-msg {
background-color: none;
padding-top: 2px !important;
padding-bottom: 2px !important;
text-transform: none;
font-family: var(--font--paragraph--family);
font-weight: var(--font--accent--weight);
font-style: var(--font--accent--style);
text-transform: capitalize;
font-size: var(--font--accent--size);
}
@media only screen and (max-width: 767px) {
.announcement--root {
border-top: 1px solid var(--bg-color--dark);
}
.announcement--wrapper {
max-width: fit-content;
}
.announcement--text.announcement--desktop {
display: none !important;
}
}
@media only screen and (min-width: 768px) {
.announcement--text.announcement--mobile {
display: none !important;
}
}
.ge-free-shipping-container {
position: absolute;
width: 100%;
text-align: center;
z-index: 2;
}
/* */
/* SECTION BORDERS */
/* TEST HOVER ANIMATION */
/* MAKING A DIFFERENCE*/
@media only screen and (max-width: 767px) {
.featured-grid--item {
margin-bottom: 30px;
}
.featured-grid--item--text-container {
margin-top: 15px ;
}
}
/* HOMEPAGE - HERO */
.featured-content--button-wrapper {
display: flex;
column-gap: 10px;
row-gap: 20px;
}
.featured-content--text {
pointer-events: auto !important;
}
@media only screen and (max-width: 768px) {
.featured-content--button-wrapper {
flex-direction: column;
}
}
/* HOMEPAGE - FEATURED PRODUCTS */
/* HOMEPAGE - SINGLE IMAGE TEXT TO LEFT */
/*
.featured-content--link a {
padding: 10px 15px 8px 15px;
background-color: #000000;
color: #ffffff;
border: 1px solid #ffffff;
}
.featured-content--link a:hover {
padding: 10px 15px 8px 15px;
background-color: #ffffff;
color: #000000 !important;
border: !important;
}
*/
/* HOMEPAGE - SHOP THE LOOK - USED TO MAKE THE IMAGE FLUSH LEFT*/
.shop-the-look--products .product--details {
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (max-width: 767px) {
.shop-the-look--product {
max-width: 297px !important;
margin-left: 60px;
}
}
/* HOMEPAGE - IMAGE WITH TEXT Footer Banner */
[data-item=block-link]>:after {
border-bottom: 0px !important;
}
@media only screen and (min-width: 1200px) {
.image-with-text--root .featured-content--root[data-text-x-alignment=right] .featured-content--text {
right: 13%;
}
.image-with-text--root .featured-content--root[data-text-x-alignment=left] .featured-content--text {
left: 13%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px){
.image-with-text--root .featured-content--root[data-text-x-alignment=right] .featured-content--text {
right: 7%;
}
.image-with-text--root .featured-content--root[data-text-x-alignment=left] .featured-content--text {
left: 7%;
}
}
.featured-content--title img {
width: 90%;
margin: 0 auto;
}
/* HEADER //////////////////////////////////////////////////// */
header {
z-index: 3 !important;
/* overflow-x: hidden; */
}
@media only screen and (max-width: 768px) {
header {
overflow-x: hidden;
}
}
height-observer {
display: block;
}
.header--logo {
line-height: 0;
}
@media only screen and (min-width: 768px) {
.header--root[data-header-logo-type=overflowing] .logo--root {
margin-left: 0px;
top: 10px;
}
}
.header--root {
border-bottom: 1px solid var(--color--accent-1);
transition: background-color .19s, border-color .19s linear;
}
.header--root[data-transparent=true]:not(.scrolled-down, [data-has-x-menu--open=true]) {
background-color: transparent;
border-color: transparent;
}
@media only screen and (min-width: 768px) {
.logo--root{
margin-top: 0; /* var(--spacing--1); */
}
header .logo--image {
margin: var(--spacing--0);
}
}
.x-menu--level-1--link>a {
font-weight: 600 !important;
}
/* Adjust Responsive Menu and Logo */
.x-menu .x-menu--level-1--link>a {
font-size: calc(var(--font--nav--size) + 2px);
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
.x-menu .x-menu--level-1--link>a {
font-size: calc(var(--font--nav--size) + 2px);
}
}
/* Scroll */
[data-x-menu--depth="3"] .x-menu--level-2--container {
width: calc(100% + var(--spacing--7));
justify-content: flex-start;
border-top: 1px solid var(--color--accent-1) ;
border-bottom: 1px solid var(--color--accent-1) ;
left: var(--spacing--neg-5);
}
/* */
.x-menu--single-parents {
padding-right: var(--spacing--4);
border-right: 1px solid var(--color--accent-7) /* rgba(190, 1, 19, 0.25) */ ;
}
.x-menu {
min-height: 0;
height: auto;
max-height: 50px;
margin-left: 0px;
padding-left: 0px !important;
}
@media only screen and (max-width: 767px) {
.header--left-side {
min-height: 0;
height: auto;
max-height: 50px;
}
}
.x-menu--level-1--link>a {
font-size: var(--font--nav--size);
font-weight: var(--font--nav--weight);
}
.x-menu--level-2--link>a {
font-size: calc(var(--font--nav--size) - 0.1em);
color: var(--bg-color--dark);
font-weight: var(--font--nav--weight);
}
ul.x-menu--level-3--container {
padding: 0 0 var(--spacing--1);
}
.x-menu--level-3--link {
font-family: var(--font--paragraph--family);
}
.x-menu--level-3--link>a {
font-size: calc(var(--font--nav--size) - 0.1em);
}
[data-link-id="nfl"] .x-menu--level-3--link>a,
[data-link-id="mlb"] .x-menu--level-3--link>a,
[data-link-id="nba"] .x-menu--level-3--link>a,
[data-link-id="nhl"] .x-menu--level-3--link>a
{
margin: 4px 0px 0px 20px;
}
.x-menu--level-3--link a {
background-position-y: center;
text-indent: 4px;
}
.x-menu--level-4--link>a {
font-size: calc(var(--font--nav--size) - 0.2em);
}
.x-menu a {
opacity: 1;
}
.x-menu--level-2--image a {
opacity: 1;
}
.x-menu--single-parents {
padding: 0px calc(var(--spacing--4) - 12px) var(--spacing--2) 0;
}
.x-menu .x-menu--level-2--link a,
.x-menu .x-menu--level-2--link:first-child>a,
[data-x-menu--depth="3"] .x-menu--level-2--link:last-child>a {
padding: calc(var(--spacing--1) + 1px) calc(var(--spacing--4) - 12px) calc(var(--spacing--1) + 1px);
}
.x-menu .x-menu--single-parents [data-x-menu--single-parent=true] {
padding-top: calc(var(--spacing--0) - 2px);
}
.x-menu--level-2--container li.x-menu--level-2--link {
margin: var(--spacing--3) var(--spacing--1) var(--spacing--3) var(--spacing--1);
}
.x-menu--single-parents ul {
border-right: 0px solid;
padding-right: 0px;
}
.x-menu .x-menu--level-2--list,
.x-menu .x-menu--single-parents {
margin: var(--spacing--1) 0px;
}
.x-menu .x-menu--level-2--list {
padding-left: calc(var(--spacing--4) - 12px);
}
.x-menu .x-menu--level-2--image > a {
padding: 0px;
}
.x-menu--level-2-wrapper {
display: flex;
flex-direction: row;
}
.x-menu--level-2-wrapper .x-menu--level-2--list {
width: 250px;
display: flex;
justify-content: center;
padding-left: 0px;
}
@media only screen and (max-width: 1280px) {
.x-menu .x-menu--level-2--link a,
.x-menu .x-menu--level-2--link:first-child>a {
padding: calc(var(--spacing--3) - 2px) calc(var(--spacing--4) - 20px) calc(var(--spacing--1) - 2px);
}
}
/* MEGA MENU IMAGES */
.x-menu--level-2--image img {
display: block;
max-width: 100%;
height: auto;
max-height: 300px;
}
.x-menu--level-2--image-title {
display: block;
padding: calc(var(--spacing--1) - 2px) 0;
}
.x-menu--level-2--image-caption {
display: block;
font-weight: 300;
text-transform: none;
color: var(--color--body);
}
.x-menu--level-2--image-title {
font-family: var(--font--accent--family);
font-weight: 700;
font-size: 1em;
letter-spacing: 0.05;
margin: calc(var(--spacing--1) + 0px) 0 calc(var(--spacing--0) - 4px) 0
}
.x-menu--level-2--image-caption {
font-size: calc(var(--font--nav--size) - 0.2em)
}
/* Mobile menu left */
.drawer--instance[data-side=left] {
background-color: var(--bg-color--body);
}
.drawer--instance[data-side=left] a {
color: var(--bg-color--dark);
}
.y-menu ul {
background-color: var(--bg-color--body);
}
.y-menu--parent-link,
.y-menu--level-1--link:first-child {
border-top: 1px solid var(--color--accent-1);
}
.y-menu--parent-link,
.y-menu--level-1--link,
.y-menu--level-2--link,
.y-menu--level-3--link
{
border-bottom: 1px solid var(--bdr-color--general);
}
.y-menu--back-link {
border-top: 1px solid var(--color--accent-1);
border-bottom: 1px solid #fff;
}
.y-menu--level-2--link a,
.y-menu--level-3--link a {
text-transform: capitalize;
}
.mobile-nav--search {
flex: 1;
}
.mobile-nav--search a {
display: flex;
flex-direction: row;
align-items: center;
}
.mobile-nav--search .search-text {
padding: 0px 0px 0px 8px;
}
.y-menu--level-1--link {
font-weight: 900;
}
/* */
/* Cart/Bag /////////////////////////////// */
/* Hide desktop version of cart: */
@media only screen and (max-width: 767px) {
.header--right-side {
gap: var(--spacing--1);
margin-right: var(--spacing--1);
}
.header--right-side>:not(.header--cart-count) {
display: unset;
}
.header--right-side>:not(.cart-link2):not(.layout--login) {
display: none;
}
.layout--login, .header--search {
display: flex !important;
}
.header--search {
padding: 2px 2px 0px;
}
}
.cart-link {
display: none !important;
}
.header--right-side>:not(.header--cart-count) {
height: auto;
}
.header--right-side .header--search a {
height: 26px;
}
@media only screen and (max-width: 767px) {
.header--right-side .header--search a {
height: 24px !important;
}
}
.header--root .cart-link2 {
height: 15px;
padding: 0px calc(var(--spacing--item) - 0.25em);
}
@media only screen and (max-width: 767px) {
.header--root .cart-link2 {
height: 15px;
padding: 0px 0px;
}
}
.header--root a.header--cart-count {
color: var(--bg-color--body);
background-color: #000;
}
.header--root a.header--cart-count
{
display: inline-block !important;
border-radius: 1px;
border: 0px solid #fff;
width: 27px;
min-width: 27px;
height: 22px;
padding: 0;
line-height: 23px;
text-align: center;
font-size: 0.8em !important;
}
@media only screen and (max-width: 767px) {
.header--root a.header--cart-count
{
width: 26px;
min-width: 26px;
}
}
.header--cart-count:after {
top: -6px;
content: "\f10c" !important;
font-family: 'overdose-icons';
position: absolute;
font-size: 36px;
height: 6px;
width: 14px;
left: 0px;
margin-left: 2px;
background: url("data:image/svg+xml;utf8,") no-repeat;
}
@media only screen and (max-width: 767px) {
.header--cart-count:after {
font-size: 33px;
margin-left: 3px;
}
.header--root a.header--cart-count {
font-size: 0.6em !important;
}
.header--right-side .layout--login {
height: 24px !important;
}
}
/*
Bag Handle 1px:
Bag Handle 2px:
*/
.header--root a.header--cart-count
{
color: var(--color--body) !important;
background-color: var(--bg-color--body) !important;
}
.cart--external--total-items {
padding: 0px 0px 0px 0px;
top: -4px;
position: relative;
left: 0px;
}
a.header--cart-count {
font-size: .9em !important;
letter-spacing: .12em !important;
}
.header--root[data-light-text-hp=true]:not(.scrolled-down, [data-has-x-menu--open=true]) .x-menu--level-1--link > a,
.header--root[data-light-text-hp=true]:not(.scrolled-down, [data-has-x-menu--open=true]) .x-menu--level-1--link > a:hover,
.header--root[data-light-text-hp=true]:not(.scrolled-down, [data-has-x-menu--open=true]) .x-menu--level-1--link > a:link,
.header--root[data-light-text-hp=true]:not(.scrolled-down, [data-has-x-menu--open=true]) .x-menu--level-1--link > a:visited,
.header--root[data-light-text-hp=true]:not(.scrolled-down, [data-has-x-menu--open=true]) svg
{
color: var(--color--alternative);
}
.header--root[data-light-text-hp=true]:not(.scrolled-down, [data-has-x-menu--open=true]) .x-menu--level-1--link > a:hover {
text-decoration-color: var(--color--alternative);
}
/*
.header--right-side div a:hover,
.cart--external--total-items:hover
{
color: var(--color--accent-1) !important;
}
*/
.header--right-side .header--search:hover,
.header--right-side .layout--login:hover,
.header--right-side .cart-link2:hover {
opacity: .75;
}
.header--right-side .footer--sub--block {
padding: var(--spacing--1) calc(var(--spacing--block)/ 2);
}
/* */
.disclosure--main [data-item=nav-text],
.disclosure--main [data-item=nav-text--sub]{
font-family: var(--font--paragraph--family); /* !important; STOP MAKING EVERYTHING IMPORTANT!!! */
font-size: calc(var(--font--paragraph--size) - 4px); /* !important; STOP MAKING EVERYTHING IMPORTANT!!! */
letter-spacing: 0.025px;
}
.header--container {
display: flex;
flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
.header--root {
height: auto;
min-height: 48px;
padding: var(--spacing--3);
}
.header--container {
display: flex;
flex-direction: column;
align-items: center;
}
.header--left-side {
white-space: nowrap;
position: absolute;
flex-direction: column;
left: 0;
width: 100%;
order: 1;
height: 50px;
}
.header--right-side {
top: auto;
bottom: 0;
}
.header--right-side.align-with-logo {
top: unset;
bottom: 20px;
}
.header--left-side [data-drawer-open=left] {
display: none;
}
}
@media only screen and (min-width: 1024px) {
.header--container {
padding: 0px 0 10px;
}
.header--right-side.align-with-logo {
bottom: 10px;
}
.header--right-side {
height: auto;
}
}
/* Tablet view */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.header--container .x-menu {
display: none;
}
.header--right-side, .header--right-side.align-with-logo {
right: -3px;
top: 0px;
}
.header--root[data-header-logo-type=overflowing] .logo--root {
margin-left: 0;
top: -4px;
}
.header--container img.logo--image {
width: auto;
height: 24px;
padding: 2px;
margin: 8px 32px;
}
.header--container .header--left-side {
margin-top: 0px;
}
.header--container .header--left-side [data-drawer-open=left] {
display: inline-block;
top: auto;
}
.header--right-side {
align-items: center;
}
.header--right-side .layout--login {
display: flex !important;
}
.header--container .header--right-side .cart-link2 {
transform: translateY(6px);
height: 26px;
}
.header--search {
display: flex !important;
}
}
/* */
@media only screen and (max-width: 767px) {
.logo--root {
margin-right: 0px;
}
.header--logo {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
height: 50px;
}
.header--root .logo--root .logo--wrapper {
padding-right: 0px;
}
.header--right-side {
right: -3px;
top: 0px;
}
.header--right-side.align-with-logo {
right: -13px;
}
}
.header--root .logo--root[data-type=image] .logo--wrapper {
line-height: 0;
}
.header--left-side [data-drawer-open=left] {
position: absolute;
left: 0;
top: auto; /*var(--spacing--3);*/
bottom: 8px;
z-index: 9;
}
.x-menu .icon--root {
display: none !important;
}
.icon--account {
transform: scaleY(-1);
}
/* //////////////////////////////////////////////////////////// */
/* SLIDESHOW */
@media only screen and (max-width: 767px) {
.featured-content--text {
margin: 0px;
}
[data-mobile-overlay=false] .featured-content--text {
margin: auto;
}
}
.section--slideshow .featured-content--container {
align-items: flex-end;
}
.featured-content--root[data-mobile-overlay=true] .featured-content--text {
margin: var(--spacing--4) 0px !important;
}
.section--slideshow .image--root .image--container:after {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
/* background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(89,89,89,0.5) 30%, rgba(255,255,255,0) 50%) !important; */
background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 50%) !important;
}
}
[data-dark-button=true] [data-item=button] {
color: var(--bg-color--body) !important;
background: var(--color--body) !important;
border: 2px solid var(--color--body) !important;
}
.carousel--block--container [data-content-alignment=center] {
text-align: center;
align-items: center;
}
.carousel--block--container [data-content-alignment=left] {
text-align: left;
align-items: flex-start;
}
.carousel--block--container [data-content-alignment=right] {
text-align: right;
align-items: flex-end;
}
.featured-content--root[data-text-position=overlay][data-text-exists=true][data-content-alignment=right] .featured-content--text-wrapper {
align-items: flex-end;
}
.featured-content--root[data-text-position=overlay][data-text-exists=true][data-content-alignment=left] .featured-content--text-wrapper {
align-items: flex-start;
}
.featured-content--root[data-text-position=overlay][data-text-exists=true][data-content-alignment=center] .featured-content--text-wrapper {
align-items: center;
}
.featured-content--root[data-text-position=overlay][data-text-exists=true][data-content-alignment=right] .featured-content--text {
text-align: right;
justify-content: flex-end;
}
.featured-content--root[data-text-position=overlay][data-text-exists=true][data-content-alignment=left] .featured-content--text {
text-align: left;
justify-content: flex-start;
}
.featured-content--root[data-text-position=overlay][data-text-exists=true][data-content-alignment=center] .featured-content--text {
text-align: center;
justify-content: center;
}
[data-light-text-slide=false] {
color: var(--color--body);
}
[data-light-text-slide=true] {
color: var(--color--alternative);
}
.featured-content--root[data-dark-button-slide=true] [data-item=button],
.featured-content--root[data-dark-button-slide=true] [data-item=button]:visited {
color: var(--button--color);
background: var(--button--bg-color);
border: 2px solid var(--button--bg-color);
}
.featured-content--root[data-dark-button-slide=false] [data-item=button],
.featured-content--root[data-dark-button-slide=false] [data-item=button]:visited {
color: var(--color--body);
background: var(--color--alternative);
border: 2px solid var(--color--alternative);
}
@media only screen and (max-width: 767px) {
.featured-content--root[data-mobile-overlay=true][data-mobile-text-alignment=top] .featured-content--container {
align-items: start;
justify-content: center;
}
[data-light-text-slide-m=false] {
color: var(--color--body);
}
[data-light-text-slide-m=true] {
color: var(--color--alternative);
}
.featured-content--root[data-dark-button-slide-m=true] [data-item=button],
.featured-content--root[data-dark-button-slide-m=true] [data-item=button]:visited {
color: var(--button--color);
background: var(--button--bg-color);
border: 2px solid var(--button--bg-color);
}
.featured-content--root[data-dark-button-slide-m=false] [data-item=button],
.featured-content--root[data-dark-button-slide-m=false] [data-item=button]:visited {
color: var(--color--body);
background: var(--color--alternative);
border: 2px solid var(--color--alternative);
margin-bottom: var(--spacing--4);
}
[data-bg-color-m=light] {
background-color: var(--color--alternative);
}
[data-bg-color-m=dark] {
background-color: var(--color--body)
}
[data-bg-color-m=transparent] {
background-color: transparent;
}
[data-bg-color-m=accent-1] {
background-color: var(--color--accent-1);
}
[data-bg-color-m=accent-2] {
background-color: var(--color--accent-1);
}
}
@media only screen and (min-width: 768px) {
.featured-content--root[data-text-position="overlay"][data-text-exists="true"][data-padding="0"] .featured-content--text {
padding:0 0%;
}
.featured-content--root[data-text-position="overlay"][data-text-exists="true"][data-padding="1"] .featured-content--text {
padding:0 4%;
}
.featured-content--root[data-text-position="overlay"][data-text-exists="true"][data-padding="2"] .featured-content--text {
padding:0 8%;
}
.featured-content--root[data-text-position="overlay"][data-text-exists="true"][data-padding="3"] .featured-content--text {
padding: 0 12%;
}
.featured-content--root[data-text-position="overlay"][data-text-exists="true"][data-padding="4"] .featured-content--text {
padding: 0 16%;
}
.featured-content--root[data-text-position="overlay"][data-text-exists="true"][data-padding="5"] .featured-content--text {
padding: 0 20%;
}
.featured-content--root[data-text-position="overlay"][data-text-exists="true"][data-padding="6"] .featured-content--text {
padding: 0 24%;
}
}
/* Carousel */
.carousel--root .icon--next div,
.carousel--root .icon--prev div {
height: 1px !important;
}
.icon--next div:last-child,
.icon--prev div:last-child {
display: none !important;
}
.carousel--next>*,
.carousel--prev>* {
opacity: .45 !important;
}
.carousel--next:hover>*,
.carousel--prev:hover>* {
opacity: .65 !important;
}
.icon--root.icon--next:hover,
.icon--root.icon--prev:hover {
margin: 0px 0px 0px 0px;
}
@media only screen and (max-width: 767px) {
.carousel--dot-container {
margin: var(--spacing--2) 0 0;
}
}
/* Carousel 2 BASS */
.carousel--next>*,
.carousel--prev>* {
opacity: 1 !important;
}
.carousel--next:hover>*,
.carousel--prev:hover>* {
opacity: .85 !important;
}
.carousel--next,
.carousel--prev {
margin-left: 0 !important;
margin-right: 0 !important;
background-color: var(--bg-color--dark) !important;
}
.carousel--prev {
z-index: 3;
}
.icon--next div,
.icon--prev div {
background: var(--color--accent-2);
}
.carousel--root .icon--next {
background: var(--bg-color--dark);
border-radius: 0;
border: 0px solid var(--bdr-color--general);
display: block;
height: 20px;
padding: var(--spacing--item);
position: relative;
width: 20px;
}
.carousel--root .icon--prev {
background: var(--bg-color--dark);
border-radius: 0;
border: 0px solid var(--bdr-color--general);
display: block;
height: 20px;
padding: var(--spacing--item);
position: relative;
width: 20px;
}
/* WISHLIST */
/* For over photo */
.swym-button-bar {
position: absolute;
top: 38px;
left: -100px;
z-index: 5;
opacity: .6;
}
.swym-button-bar:hover {
opacity: 1;
}
@media only screen and (max-width: 767px) {
.swym-button-bar {
top: 32px;
left: 12px;
}
}
.swym-tooltip {
top: 12px !important;
}
/* */
.product-buy-buttons--form {
justify-content: space-between;
}
.flexbox-gap .product-buy-buttons--form {
gap: var(--spacing--item) 1%;
}
.product-buy-buttons--primary, .product-buy-buttons--smart {
max-width: 100%;
/* If using wishlist icon next to cart btn:
width: 80%;
*/
}
.swym-button-bar {
margin: 0px !important;
display: flex !important;
width: 18%;
justify-content: center;
border: 0px solid var(--bg-color--button);
}
.swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-icon {
height: calc(var(--spacing--5) - 2px) !important;
line-height: var(--spacing--5) !important;
}
@media only screen and (max-width: 767px) {
.swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-icon {
height: calc(var(--spacing--block) + 30px) !important;
line-height: calc(var(--spacing--block) + 32px) !important;
}
.swym-btn-container .swym-button:after {
left: 265px !important;
}
}
.swym-btn-container .swym-button:after {
font-size: 24px !important;
}
button.swym-button.disabled:hover, button.swym-button:disabled:hover {
opacity: .75 !important;
}
.swym-btn-container .swym-button:active, .swym-btn-container .swym-button:focus {
opacity: 1 !important;
}
button.swym-button.disabled, button.swym-button:disabled {
opacity: 1 !important;
}
.swym-tooltip-text {
border-radius: 0px !important;
}
a.swym-open-ui {
color: var(--bdr-color--general);
}
.swym-wishlist-notifications-container,
.swym-notification-wishlist .swym-details {
letter-spacing: .025em !important;
}
/* */
/* //////////////////////////////////////////////////// */
/* GRID WITH OVERLAY */
@media only screen and (max-width: 767px) {
#shopify-section-template--16943318270208__1640167859b5c16893 h3 {
font-size: 16px;
}
[data-container=panel][data-mobile-columns="1"] {
grid-gap: calc(var(--spacing--block--mobile) + 16px) !important;
}
}
@media only screen and (min-width: 768px) and (max-width:1367px) {
.featured-grid--root {
max-width: 90%;
margin: auto;
}
}
@media only screen and (min-width: 768px) {
[data-text-style=box] .featured-grid--item--text-background,
[data-text-style=box-dark] .featured-grid--item--text-background,
[data-text-style=light] .featured-grid--item--text-background,
[data-text-style=light-with-overlay] .featured-grid--item--text-background {
position: absolute;
left: -100px;
padding: var(--spacing--4) !important;
display: flex !important;
flex-direction: column !important;
z-index: 999;
}
[data-text-style=box-dark] .featured-grid--item--text-background {
position: absolute;
left: -100px;
background-color: #000 !important;
padding: var(--spacing--4) !important;
display: flex !important;
flex-direction: column !important;
color: #fff !important;
z-index: 999;
}
[data-text-style=box] [data-textblock=center] .featured-grid--item--text-background,
[data-text-style=box-dark] [data-textblock=center] .featured-grid--item--text-background,
[data-text-style=light] [data-textblock=center] .featured-grid--item--text-background,
[data-text-style=light-with-overlay] [data-textblock=center] .featured-grid--item--text-background {
position: relative;
left: 0px;
}
[data-text-style=box] [data-textblock=left] .featured-grid--item--text-background,
[data-text-style=box-dark] [data-textblock=left] .featured-grid--item--text-background,
[data-text-style=light] [data-textblock=left] .featured-grid--item--text-background,
[data-text-style=light-with-overlay] [data-textblock=left] .featured-grid--item--text-background {
left: -100px;
}
[data-text-style=box] [data-textblock=right] .featured-grid--item--text-background,
[data-text-style=box-dark] [data-textblock=right] .featured-grid--item--text-background,
[data-text-style=light] [data-textblock=right] .featured-grid--item--text-background,
[data-text-style=light-with-overlay] [data-textblock=right] .featured-grid--item--text-background {
left: auto;
right: -100px;
}
/* top left */
[data-text-style=box] [data-textblock=left-top] .featured-grid--item--text-background,
[data-text-style=box-dark] [data-textblock=left-top] .featured-grid--item--text-background,
[data-text-style=light] [data-textblock=left-top] .featured-grid--item--text-background,
[data-text-style=light-with-overlay] [data-textblock=left-top] .featured-grid--item--text-background {
top: var(--spacing--5);
left: -100px;
}
/* bottom left */
[data-text-style=box] [data-textblock=left-bottom] .featured-grid--item--text-background,
[data-text-style=box-dark] [data-textblock=left-bottom] .featured-grid--item--text-background,
[data-text-style=light] [data-textblock=left-bottom] .featured-grid--item--text-background,
[data-text-style=light-with-overlay] [data-textblock=left-bottom] .featured-grid--item--text-background {
bottom: var(--spacing--5);
left: -100px;
}
/* top right */
[data-text-style=box] [data-textblock=right-top] .featured-grid--item--text-background,
[data-text-style=box-dark] [data-textblock=right-top] .featured-grid--item--text-background,
[data-text-style=light] [data-textblock=right-top] .featured-grid--item--text-background,
[data-text-style=light-with-overlay] [data-textblock=right-top] .featured-grid--item--text-background {
top: var(--spacing--5);
left: auto;
right: -100px;
}
/* bottom right */
[data-text-style=box] [data-textblock=right-bottom] .featured-grid--item--text-background,
[data-text-style=box-dark] [data-textblock=right-bottom] .featured-grid--item--text-background,
[data-text-style=light] [data-textblock=right-bottom] .featured-grid--item--text-background,
[data-text-style=light-with-overlay] [data-textblock=right-bottom] .featured-grid--item--text-background {
bottom: var(--spacing--5);
left: auto;
right: -100px;
}
}
@media only screen and (max-width: 767px) {
[data-text-style=box-dark] [data-textblock=center] .featured-grid--item--text-background,
[data-text-style=box-dark] [data-textblock=left] .featured-grid--item--text-background,
[data-text-style=box-dark] [data-textblock=right] .featured-grid--item--text-background {
position: relative;
left: 0px;
}
}
[data-img-flip=true] img {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
/* ////////////////////////////////////////// */
/* PRODUCTs */
@media only screen and (min-width: 1024px) {
.product--root:not([data-text-alignment=center]) .product--details {
flex-direction: column;
}
}
.product-page--block[data-block-type=liquid] {
margin-top: var(--spacing--1);
}
.prod-div-line {
border-top: 1px solid var(--color--accent-3);
padding: var(--spacing--0);
width: 100%;
}
@media only screen and (max-width: 768px) {
}
/* BUY NOW BUTTONS */
.product-buy-buttons--primary, .product-buy-buttons--smart {
max-width: 100%;
}
.product-buy-buttons--primary:hover, .product-buy-buttons--smart:hover {
opacity: .90;
}
.featured-product--blocks {
text-align: center;
}
.product--promo-attribute {
color: #be0113;
font-size: 12px;
line-height: 1.5;
}
.price-in-cart {
display: none;
}
.product-buy-buttons--primary:focus {
border: 3px solid cyan;
}
@media only screen and (max-width: 767px) {
.product--promo-attribute {
color: #be0113;
font-size: 12px;
line-height: 1.5;
}
}
.product--compare-price + .product--price {
color: #be0113;
}
@media only screen and (min-width: 768px) {
.product-price--wrapper {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.product-price--wrapper .product-price--compare {
padding-left: var(--spacing--2);
}
}
@media only screen and (max-width: 767px) {
.product--price-container {
width: 75% !important;
}
.product-price--wrapper {
display: flex;
align-items: center;
flex-direction: column-reverse;
}
.tooltip-text {
left: -215px !important;
}
}
.comp-value-plp {
text-decoration: unset !important;
font-size: .8em;
text-transform: capitalize;
}
.comp-value-pdp {
font-size: 10px;
text-transform: capitalize;
}
.tooltip:hover {
content: " Our “Comparable Value” prices are based on prices at which the same or similar merchandise has been offered for sale by other retailers, department stores, or websites. The listed percentage off reflects a comparison to the “Comparable Value” price rather than a former price. As prices often fluctuate, we cannot guarantee that the reference price reflects the prevailing market price at any given time in any given geographic region. We therefore encourage you to do your own comparison shopping as another way to see what great value we offer. Our number one goal is to give our customers fashion at an exceptional value, so we thank you for choosing us.";
}
.product-price--compare {
float: left !important;
margin-right: 5px;
text-decoration: unset !important;
}
.product-price--discount {
color: #be0113 !important;
}
.product--price-wrapper {
gap: 0px !important;
line-height: 1.5;
flex-wrap: wrap !important;
flex-direction: column;
}
.tooltip-container {
padding-left: 3px;
top: -5px;
}
.tooltip-container:hover .tooltip-text {
display: block; /* Show the tooltip on hover */
}
.tooltip-text {
display: none; /* Hide by default */
position: absolute;
background: #fff;
padding: 10px;
border: 1px solid #000;
width: 332px;
left: -154px;
right: 20px;
z-index: 2;
line-height: 16px;
top: 24px;
font-size: 10px;
text-transform: none;
}
/* WISHLIST */
/* For over photo */
.swym-button-bar {
position: absolute;
top: 38px;
left: -100px;
z-index: 5;
opacity: .6;
}
.swym-button-bar:hover {
opacity: 1;
}
@media only screen and (max-width: 767px) {
.swym-button-bar {
top: 32px;
left: 12px;
}
}
.swym-tooltip {
top: 12px !important;
}
/* */
.product-buy-buttons--form {
justify-content: space-between;
}
.flexbox-gap .product-buy-buttons--form {
gap: var(--spacing--item) 1%;
}
.product-buy-buttons--primary, .product-buy-buttons--smart {
max-width: 100%;
/* If using wishlist icon next to cart btn:
width: 80%;
*/
}
.swym-button-bar {
margin: 0px !important;
display: flex !important;
width: 18%;
justify-content: center;
border: 0px solid var(--bg-color--button);
}
.swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-icon {
height: calc(var(--spacing--5) - 2px) !important;
line-height: var(--spacing--5) !important;
}
@media only screen and (max-width: 767px) {
.swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-icon {
height: calc(var(--spacing--block) + 30px) !important;
line-height: calc(var(--spacing--block) + 32px) !important;
}
}
.swym-btn-container .swym-button:after {
font-size: 24px !important;
}
button.swym-button.disabled:hover, button.swym-button:disabled:hover {
opacity: .75 !important;
}
.swym-btn-container .swym-button:active, .swym-btn-container .swym-button:focus {
opacity: 1 !important;
}
button.swym-button.disabled, button.swym-button:disabled {
opacity: 1 !important;
}
.swym-tooltip-text {
border-radius: 0px !important;
}
a.swym-open-ui {
color: var(--bdr-color--general);
}
.swym-wishlist-notifications-container,
.swym-notification-wishlist .swym-details {
letter-spacing: .025em !important;
}
/* */
.radios--root[data-display-only=true] label[data-item=swatch] {
height: 20px;
width: 20px;
min-width: 20px;
flex-basis: 20px;
}
.product-media--variants {
margin-top: 30px;
}
.product-page--mobile-container {
margin-top: var(--spacing--2);
}
.breadcrumbs--root>* a {
text-transform: uppercase;
letter-spacing: .025em;
}
.breadcrumbs--root>* a,
.breadcrumbs--root li a:after {
opacity: .75;
}
.breadcrumbs--root>* a:hover {
opacity: 1;
text-decoration: none;
}
.breadcrumbs--root [data-item=caption] {
font-style: normal;
font-size: calc(var(--font--accent--size) - 2px);
}
.breadcrumbs--root li:after {
opacity: .15;
width: 1px !important;
height: 14px !important;
transform: rotate(10deg);
}
.breadcrumbs--root li a:after {
border-bottom: 0.0714285714em solid var(--underline--1);
}
.product-buy-buttons--cta-text, button {
border: 0px solid #ffffff;
}
.radios--input[data-item=radio][data-empty=true]+.radios--value-button, .radios--input[data-item=radio][data-unavailable=true]+.radios--value-button {
color: #d2d2d2;
}
/* Sizes */
.table-s-title h3, .table-s-title h5, .table-s-title em, .table-s-label h7 {
padding: var(--spacing--0) 0px;
margin: var(--spacing--0) 0px;
}
.table-s-title h5 {
font-size: .9em;
padding: var(--spacing--0) 0px 0px 0px;
margin: var(--spacing--0) 0px 0px 0px;
margin-block-start: -0.3em;
margin-block-end: -0.3em;
}
.table-s-title em {
font-size: .8em;
}
p.table-s-sub {
margin-block-end: -0.5em;
margin-block-start: -0.5em;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
.table-s-label h7 {
font-size: .7em;
}
table td.table-s-title {
padding-bottom: 24px;
}
/* Size Chart link:
Move to below sizes:
- In product-options.js > this.size_chart.parentNode.querySelector(".radios--container"):
change "label" to ".radios--container"
Move next to SIZE heading:
- In product-options.js > this.size_chart.parentNode.querySelector(".radios--container"):
change ".radios--container" to "label"
*/
.product-size-chart--root {
padding: calc(var(--spacing--1) - 2px) 0px;
}
.product-options--option .radios--header .product-size-chart--root {
/* margin-left: unset;
display: contents; */
line-height: 1em;
margin-right: 3px;
}
/*
.product-size-chart--root:before {
margin: 8px 8px 8px 8px;
content: "";
background-color: var(--color--body);
width: 4px;
height: 4px;
border-radius: 50%;
}
*/
.product-size-chart--link {
display: flex;
}
.product-size-chart--link:before {
top: 0px;
content: "";
position: relative;
width: 12px;
height: 10px;
right: 0px;
margin: 1px 7px 0px 3px;
background: url("data:image/svg+xml;utf8,") no-repeat;
display: flex;
flex-direction: row;
align-items: center;
opacity: 1;
float: left;
}
/* pop out icon
*/
.product-size-chart--link span {
font-size: .75em;
}
.product-size-chart--link a {
opacity: .75;
text-decoration: underline;
text-decoration-color: var(--bdr-color--general);
}
.product-size-chart--link a:hover {
opacity: 1;
text-decoration: none;
}
[data-is-swatches=false] .radios--container {
display: flex;
gap: var(--spacing--1) !important;
width: 100%;
flex-flow: row wrap;
/* justify-content: space-between; */
justify-content: flex-start;
}
[data-is-swatches=false] .radios--container::after {
content: "";
flex: auto;
}
.option-size .radios--option-current {
font-weight: 900;
}
/* Box around sizes in mobile
@media only screen and (max-width: 767px) {
[data-is-swatches=false] .radios--container {
padding: var(--spacing--1);
border: 1px solid var(--bdr-color--general);
}
}
*/
[data-is-swatches=false] .radios--main {
flex-grow: 0;
flex-shrink: 0;
}
/* Quick add */
.disclosure--root[data-type=option-picker] .disclosure--toggle, .disclosure--root[data-type=url-redirect] .disclosure--toggle {
border-radius: 0px;
}
.product--quick-add--form {
width: 85%;
margin: auto;
}
.product--quick-add--title {
padding: 0 var(--spacing--0) var(--spacing--2);
}
.product--quick-add--form .product-media--variants--root {
width: 100%;
margin: 0 auto;
}
.product--quick-add--form .product-options--container {
display: flex;
flex-direction: column;
}
.product--quick-add--form .option-size {
padding-top: var(--spacing--2);
}
.product--quick-add--select-options[data-item="accent-text"] {
display: none;
}
.product--quick-add--form [data-item~=section-heading] {
font-size: calc(var(--font--section-heading--size) - 12px);
}
.product--quick-add--form .product-media--variants--root {
padding: 0px 30px 0px 30px;
}
.drawer--instance.display-quick-add {
max-width: 280px;
}
.layout--close.close-quick-add {
right: 295px !important;
}
.product--quick-add--form .radios--container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--spacing--1, 10px);
}
.product--quick-add--form .option-color {
padding-bottom: 0px;
}
@media only screen and (max-width: 767px) {
.product--quick-add--form [data-item~=section-heading] {
font-size: calc(var(--font--section-heading--size) - 14px);
}
}
.product--quick-add--form .product-media--variants {
margin-top: var(--spacing--2);
}
.product--quick-add--form .product-media--variants--root:not(:empty),
.product--quick-add--form .product-options--root {
padding-bottom: calc(var(--spacing--3) + 4px);
}
@media only screen and (max-width: 767px) {
.product--quick-add--form .product-media--variants--root:not(:empty) {
padding-bottom: calc(var(--spacing--3) + 6px);
}
.product--quick-add--form .product-price--root {
align-items: flex-start;
}
}
/* */
.radios--input[data-item=radio]:checked+.radios--value-button>* {
border-color: var(--border--3);
}
.product-page--root [data-is-swatches=true] .radios--container {
margin-left: var(--spacing--0);
}
.product-options--option .radios--container .radios--value-button>* {
border: 0px solid var(--bdr-color--general);
}
@media only screen and (min-width: 768px) {
.product-options--option .radios--container .radios--value-button>* {
min-width: 15px;
line-height: 35px;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.product-options--option .radios--container .radios--value-button>* {
min-width: 15px;
line-height: 42px;
text-align: center;
}
}
/* If 5 Size options */
.radios--main:first-child:nth-last-child(5) label div,
.radios--main:first-child:nth-last-child(5) label div ~ div
{
min-width: 29px !important;
}
.radios--main:nth-child(2):nth-last-child(4) label div,
.radios--main:nth-child(2):nth-last-child(4) label div ~ div
{
min-width: 29px !important;
}
.radios--main:nth-child(3):nth-last-child(3) label div,
.radios--main:nth-child(3):nth-last-child(3) label div ~ div
{
min-width: 29px !important;
}
.radios--main:nth-child(4):nth-last-child(2) label div,
.radios--main:nth-child(4):nth-last-child(2) label div ~ div
{
min-width: 29px !important;
}
.radios--main:nth-child(5):nth-last-child(1) label div,
.radios--main:nth-child(5):nth-last-child(1) label div ~ div
{
min-width: 29px !important;
}
/* End if 5 size options */
@media only screen and (max-width: 767px) {
.flexbox-gap .product-page--wrapper {
gap: var(--spacing--0) !important;
}
h1.product-page--heading {
font-size: 2em;
}
.product-price--original {
font-size: 1.4em;
}
.radios--header {
width: 100% !important;
}
}
/* QUANTITY AND ADD TO BAG CUSTOM - side by side */
.product-page--block[data-block-type=quantity-selector] {
float: left;
}
.quantity-selector--container {
align-items: center;
background: var(--bg-color--textbox);
border: 1px solid var(--bdr-color--general);
border-radius: 0px;
display: inline-flex;
position: relative;
text-align: left;
}
.quantity-selector--minus, .quantity-selector--plus {
height: calc(var(--spacing--block) + 8px);
}
.quantity-selector--input {
height: auto;
}
@media only screen and (max-width: 767px) {
.product-page--block[data-block-type=quantity-selector] {
float: none;
}
.quantity-selector--container {
width: 100%;
display: inline-flex;
justify-content: space-evenly;
border: 1px solid var(--bdr-color--general);
border-radius: 0px;
}
.quantity-selector--input {
width: auto;
}
.product-page--block[data-block-type=buy-buttons] {
margin-top: calc(var(--spacing--block) - 16px);
}
.product-buy-buttons--cta,
.shopify-payment-button__button {
height: calc(var(--spacing--block) + 32px);
}
}
@media only screen and (min-width: 768px) {
.product-page--block[data-block-type=quantity-selector] {
padding-right: var(--spacing--1);
}
.quantity-selector--container {
min-height: var(--spacing--5);
}
.quantity-selector--minus, .quantity-selector--plus {
min-width: var(--spacing--4);
justify-content: space-around;
}
.product-page--block[data-block-type=buy-buttons] {
justify-items: start;
padding: var(--spacing--2) 0;
}
.product-buy-buttons--cta {
min-height: var(--spacing--5);
}
}
/* Filters */
.filter--category-sort.hide-filter-drawer-sortby {
display: none !important;
}
.filter--category-sort .filter--sort__featured,
.filter--category-sort .filter--sort__alphabetically-a-z,
.filter--category-sort .filter--sort__alphabetically-z-a,
.filter--category-sort .filter--sort__date-old-to-new,
.disclosure-sort--root .option--sort__manual,
.disclosure-sort--root .option--sort__title-ascending,
.disclosure-sort--root .option--sort__title-descending,
.disclosure-sort--root .option--sort__created-ascending {
display: none;
}
.filter--category-sort .filter--menu,
.disclosure-sort--form {
display: flex;
flex-direction: column;
}
.filter--category-sort .filter--menu .filter--sort__newest {
order: 1;
margin-bottom: var(--spacing--1);
}
.disclosure-sort--root .option--sort__created-descending {
order: 1;
}
.filter--category-sort .filter--menu .filter--sort__best-selling,
.disclosure-sort--root .option--sort__best-selling {
order: 2;
}
.filter--category-sort .filter--menu .filter--sort__price-low-to-high,
.disclosure-sort--root .option--sort__price-ascending {
order: 3;
}
.filter--category-sort .filter--menu .filter--sort__price-high-to-low,
.disclosure-sort--root .option--sort__price-descending {
order: 4;
}
#size-refine-filter[data-is-swatches] .filter--link {
width: calc(25% - var(--spacing--1));
margin-top: 0;
margin-bottom: var(--spacing--1);
background-color: var(--bg-color--panel);
}
label[for="filter--refine--league-nfl"]::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(/cdn/shop/files/logo_nfl.svg?v=1739390334);
background-size: contain;
background-repeat: no-repeat;
margin-right: 8px;
vertical-align: middle;
}
label[for="filter--refine--league-mlb"]::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(/cdn/shop/files/logo_mlb.svg?v=1739390323);
background-size: contain;
background-repeat: no-repeat;
margin-right: 8px;
vertical-align: middle;
}
.filter--category-refine-league [data-item=nav-text--sub] {
text-transform: uppercase;
}
label[for^="filter--refine--team-"]::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
/* background-image for team logo is in snippets/css-teams.liquid */
background-size: contain;
background-repeat: no-repeat;
margin-right: 8px;
vertical-align: middle;
}
/* PLP sticky filter bar */
.navigation--root[data-sticky="true"].is-stuck {
position: fixed;
top: calc(var(--announcement-height) + var(--header-height));
z-index: 2;
background-color: rgba(255, 255, 255, 1);
right: 0;
left: 0;
border-bottom: 1px solid var(--color--accent-7);
}
@media only screen and (min-width: 768px) {
#main-content .navigation--root[data-sticky="true"].is-stuck .navigation--container {
padding: var(--spacing--2) 0;
}
}
#main-content .navigation--root[data-sticky="true"].is-stuck .navigation--mobile-header {
padding-top: 6px;
padding-bottom: 6px;
}
@media only screen and (max-width: 767px) {
.navigation--root[data-sticky=true].is-stuck .navigation--tags-container {
position: absolute;
top: 0;
left: 25%;
padding-top: 10px;
}
.navigation--root[data-sticky=true].is-stuck .navigation--tags-container .navigation--active-tags li:not(.navigation--active-clear) {
display: none;
}
}
@media only screen and (min-width: 768px) {
.navigation--root[data-sticky=true].is-stuck .navigation--tags-container {
padding-top: calc(var(--spacing--item) / 2);
padding-bottom: calc(var(--spacing--item) / 2);
}
}
/* */
.navigation--filter,
.navigation--mobile-button {
border-radius: 0px !important;
}
.navigation--layout-button:first-child {
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
.navigation--layout-button:last-child {
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.navigation--root [data-drawer-open] {
display: flex !important;
align-items: center !important;
}
.navigation--button {
height: var(--spacing--block);
line-height: calc(var(--spacing--block) + 4px);
}
.disclosure-sort--root .disclosure--toggle {
font-family: var(--font--nav--family);
letter-spacing: var(--font--nav--spacing);
font-size: 13px;
}
@media only screen and (max-width: 767px) {
.disclosure-sort--root .disclosure--toggle {
height:var(--spacing--block);
line-height:14px;
flex-basis:initial;
padding:var(--spacing--1) var(--spacing--item);
border:1px solid var(--bdr-color--general);
border-radius: 0px;
}
}
.navigation--button:not(:last-of-type):after {
margin: 0 0 2px 8px;
content: "";
background-color: var(--color--body);
border-radius: 50%;
opacity: .15;
width: 1px;
height: 14px;
transform: rotate(0deg);
position: relative;
left: 6px;
}
@media only screen and (min-width: 768px) {
.disclosure-sort--root::after {
margin: 0;
content: "";
background-color: var(--color--body);
border-radius: 50%;
opacity: .15;
width: 1px;
height: 14px;
transform: rotate(0deg);
position: relative;
top: 3px;
left: 0;
}
}
.disclosure-sort--root .disclosure--toggle .icon--root {
display: none;
}
.navigation--button:hover {
opacity: .85;
text-decoration: underline;
}
/* */
/* ///////////////////////////////////////// */
/* FOOTER */
[data-block-type=subscribe] .footer--block--container {
width: 100%;
}
.footer--block--heading {
padding-bottom: var(--spacing--item);
}
/* #shopify-section-sections--16943318892800__footer [data-item~=block-heading] */
.footer--blocks [data-item~=block-heading]
{
font-size: 14px;
font-weight: 600;
}
.footer--block--body li a{
font-size: 12px;
}
.footer--block {
display: inline !important;
}
.footer-chevron {
display: none;
margin-left: 10px;
}
.subscribe-footer-title {
font-size: 32px;
margin: 0px 0px 10px 0px;
padding: 0px;
}
@media only screen and (max-width: 767px){
.radios--header p{
text-align: center;
}
.email-signup-form {
display: block !important;
}
.footer--block--body {
display: none;
}
.footer--block--body.open {
display: block;
}
.collapsible-footer--heading svg.icon--chevron-up {
display: none;
}
.collapsible-footer--heading.open svg.icon--chevron-up {
display: inline;
}
.collapsible-footer--heading.open svg.icon--chevron-down {
display: none;
}
.collapsible-footer--heading svg.icon--chevron-down {
display: inline;
}
.footer--block {
padding-bottom: 0px !important;
}
.footer--blocks {
padding-bottom: 0px !important;
}
.footer--social-icons {
padding-top: 0px !important;
}
}
.footer--root {
max-width: 1600px;
margin: auto;
padding-bottom: var(--spacing--3);
}
.section--footer {
border-top: 1px solid var(--bg-color--dark);
}
.footer--block,
.footer--social-icons,
.footer--copyright
{
display: flex !important;
flex-direction: row;
justify-content: center;
align-content: flex-start;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
.footer--block[data-block-type=subscribe],
.footer--social-icons,
.footer--copyright
{
justify-content: left;
}
.footer--block:last-child {
justify-content: flex-start;
}
}
.footer--subscribe .footer--block--heading {
font-size: 12px;
font-weight: 300;
letter-spacing: 0.025em;
text-transform: uppercase !important;
opacity: 0.65;
}
.footer--form-accept-container {
display: flex;
}
.footer--subscribe--accept {
width: 13px;
margin-right: var(--spacing--1);
padding-top: var(--spacing--1);
}
.footer--form-accept-container input[type=checkbox] {
}
.footer--form-submit button {
color: var(--bg-color--body);
}
.footer--form-accept-container label {
text-transform: none;
font-size: 0.6em;
color: #999;
letter-spacing: 0em;
line-height: 1.3;
padding-top: var(--spacing--1);
}
.footer--form-accept-container label a {
color: #999 !important;
text-decoration: underline;
opacity: unset;
font-weight: inherit;
}
.cus-head-link {
display: flex;
}
.cus-head-link a {
cursor: pointer;
opacity: 1 !important;
}
.cus-head-link a:hover {
cursor: pointer;
}
.footer-link-out-icon:after {
top: 0px;
content: "";
position: relative;
height: 13px;
width: 13px;
right: 0px;
margin: 1px 7px;
background: url("data:image/svg+xml;utf8,") no-repeat;
display: flex;
flex-direction: row;
align-items: center;
opacity: .5;
float: right;
}
@media only screen and (max-width: 767px) {
.cus-head-link {
margin: 0 0 0 20px;
}
}
/*
[data-show-social2=false] {
display: none !important;
}
*/
@media only screen and (min-width: 768px) {
.social-icons--items>* {
padding: var(--spacing--2);
}
.social-icons--root svg {
height: 26px;
width: 26px;
}
.social-icons--root .icon--x {
height: 30px;
width: 38px;
margin: -10px;
}
}
.social-x--link {order: 6;}
.social-pinterest--link {order: 4;}
.social-instagram--link {order: 1;}
.social-facebook--link {order: 2;}
.social-tiktok--link {order: 3;}
.social-youtube--link {order: 5;}
.footer--block a {
opacity: 1;
}
.footer--block a:hover {
opacity: 1;
text-decoration: underline;
}
.footer--block--heading {
text-decoration: none !important;
letter-spacing: .05em;
text-transform: uppercase;
}
.footer--subscribe .footer--block--heading {
text-transform: initial;
}
.footer--subscribe {
max-width: fit-content;
margin: auto;
}
.footer--subscribe--info {
padding-bottom: var(--spacing--4);
}
.footer--block[data-block-type=subscribe] input,
.newsletter--inputs input {
border: 1px solid var(--color--accent-1);
}
.footer--block [data-item=inverted-button]>*,
.newsletter--inputs [data-item=inverted-button]>* {
background: var(--color--accent-2);
border: 1px solid var(--color--accent-2) !important;
color: #fff;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
height: 46px;
}
.flexbox-gap .footer--subscribe .footer--form-container {
gap: 0px;
}
.footer--subscribe .footer--form-container input[type=email],
.newsletter--inputs input {
font-size: 13px;
}
.newsletter--inputs {
gap: 0 !important;
}
@media only screen and (min-width: 768px) {
.footer--menu li:not(:last-child) {
padding-bottom: var(--spacing--1);
}
.footer--subscribe #mailing-list-module {
position: relative;
/* left: var(--spacing--neg-3); */
}
}
.footer--icons {
position: relative;
}
.footer--right-side {
display: flex;
column-gap: 10px;
position: absolute;
top: 50px;
bottom: auto;
align-items: center;
right: 25px;
height: 50px;
}
@media only screen and (max-width: 767px) {
.footer--right-side {
top: auto;
right: 0px;
bottom: 100px;
width: 100%;
justify-content: center;
margin: 0 0 30px 0;
}
.footer--sub--block-2[data-type=localization] {
flex: none !important;
justify-content: left;
}
.footer--blocks-root {
margin-bottom: 10px;
}
}
.footer--root a.header--cart-count {
position: relative;
}
.footer--right-side .header--search>a,
.footer--right-side .layout--login>a,
.footer--right-side .popup--open a
{
height: 100%;
display: flex;
align-items: center;
padding: 0 var(--spacing--item);
}
.footer--right-side>:not(.header--cart-count) {
height: auto;
}
.footer--sub--block-2[data-type=localization] {
flex: 1 1 36%;
padding: 0px calc(var(--spacing--block)/ 2);
display: flex;
}
.footer--social-icons,
.footer--copyright
{
padding: 0px calc(var(--spacing--block)/ 2);
}
.footer--copyright {
font-size: 0.6em;
color: #999;
letter-spacing: .05em;
}
@media only screen and (max-width: 767px) {
#shopify-section-sections--16943318892800__42631c4f-1f87-44dc-9a3d-e9f6344cba59 [data-section-id] {
padding: 0;
}
.footer--social-icons,
.footer--copyright
{
justify-content: center;
text-align: center;
}
}
/* FOOTER IN GRID ///////////////////////////////////// */
footer {
background-color: var(--bg-color--dark);
}
.footer--root {
z-index: 1;
}
.footer--right-side {
display: flex;
column-gap: 10px;
position: relative;
top: 0px;
bottom: auto;
align-items: center;
text-align: center;
margin: 0 auto;
justify-content: center;
height: auto;
}
.footer--sub--block-2[data-type=localization] {
flex: none;
}
.footer--form-container {
display: flex;
}
.footer--form-submit button {
padding: 0px 20px;
min-width: 100px;
}
@media only screen and (min-width: 768px) {
.footer--blocks-root {
display: flex;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr;
gap: 0px 0px;
}
.footer--block {
display: flex;
}
.footer--block:first-child {
justify-content: left;
grid-column: span 2;
height: 150px;
}
.footer--block[data-block-type=subscribe] {
grid-area: 2;
grid-column: span 2;
}
.footer--copyright {
max-width: 1600px;
margin: auto;
padding: var(--spacing--1) calc(var(--spacing--block) * 2);
}
}
@media only screen and (min-width: 768px) and (max-width: 1035px) {
.footer--logo {
max-width: 140px;
}
}
@media only screen and (max-width: 767px) {
.footer--logo {
max-width: 100%;
}
.footer--block[data-block-type=liquid]:first-child {
padding-bottom: calc(var(--spacing--block)/ 2);
}
}
.footer--form-container input, .footer--form-container textarea {
margin: 0 0 calc(var(--spacing--3) - 0.5em);
}
/* See inline style on page: */
.footer--root {
max-width: 1600px;
}
.footer--root {
padding-bottom: 16px;
}
.footer--form-submit button {
color: var(--color--accent-1);
border: 1px solid var(--color--accent-1)
border-bottom: 2px solid var(--color--accent-1)
}
/* Footer Grid v2 */
/*
.footer--blocks-root {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 1 / 2 / 2 / 3; }
.div4 { grid-area: 1 / 3 / 2 / 4; }
.div5 { grid-area: 1 / 4 / 2 / 5; }
.div6 { grid-area: 1 / 5 / 2 / 6; }
.div7 { grid-area: 2 / 2 / 3 / 3; }
.div8 { grid-area: 2 / 3 / 3 / 4; }
.div9 { grid-area: 2 / 4 / 3 / 5; }
.div10 { grid-area: 2 / 5 / 3 / 6; }
*/
/* */
/* TEMPLATE PAGES */
.template--page [data-item=rte-content] h1, h2, h3, h4, h5, h6, h7, h8 {
padding: var(--spacing--3) 0px;
}
.template--page [data-item=rte-content] h1, h2, h3 {
font-weight: 600;
}
.template--page [data-item=rte-content] p,
.template--page .rte>:not(blockquote),
.template--page [data-item=rte-content]>:not(blockquote)
{
padding-bottom: calc(var(--spacing--0) + 6px);
margin-bottom: var(--spacing--0);
}
hr {
border: 0px solid #fff;
border-top: 1px solid var(--bdr-color--general);
margin-top: calc(var(--spacing--2) + 0px)
}
/* PAGE TABLES */
.template--page table {
height: auto !important;
display: inline-table;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.template--page table {
overflow-x: scroll;
}
}
.template--page table thead {
display: table-header-group;
}
/* SIZE CHART TABLES in modal*/
.product-size-chart--modal {
padding: var(--spacing--5);
min-width: 90vw;
}
.size-chart__title {
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
}
ul.size-chart__notice {
list-style: none;
line-height: normal;
padding: 0;
}
.size-chart__measure {
font-style: italic;
}
.product-size-chart--modal table {
width: 100%;
max-width: 100%
}
.product-size-chart--modal[data-item=rte-content] table
{
width: 100% !important;
margin: auto !important;
}
.modal--content.active {
width: 100%;
max-width: 1200px;
}
.product-size-chart--modal table thead {
background-color: var(--bg-color--panel);
}
.product-size-chart--modal table thead th,
.product-size-chart--modal table tbody th,
.product-size-chart--modal table thead td,
.product-size-chart--modal table tbody td
{
border-top: 1px solid #bfbfbf;
border-bottom: 0;
}
.product-size-chart--modal table tbody tr:last-child,
.product-size-chart--modal table thead tr:last-child td,
.product-size-chart--modal table tbody tr:last-child td,
.product-size-chart--modal table tbody tr:last-child th,
.product-size-chart--modal table tbody tr:nth-last-child(2) th
{
border-bottom: 1px solid #bfbfbf;
}
.product-size-chart--modal table tr {
height: 36px;
}
@media only screen and (max-width: 767px) {
.modal--window[data-modal-view=product-size-chart] {
padding: var(--spacing--5) var(--spacing--1) var(--spacing--2) !important;
}
.product-size-chart--modal {
padding: var(--spacing--4);
}
.modal--content.active {
width: 100%;
}
}
@media only screen and (min-width: 1000px) {
.product-size-chart--modal {
min-width: 800px;
}
}
/* SIZE CHART TABLES - PAGE */
.table-c-dk {
overflow-x: auto;
}
.table-c-dk table {
display: inline-table;
border-collapse: collapse;
width: 100%;
}
.table-c-dk thead {
background-color: #e6e6e6;
}
.table-c-dk th, .table-c-dk td {
text-align: center;
padding: 8px;
}
/* Alt row color */
.table-c-dk tr:nth-child(even)
{
background-color: #f8f8f8;
}
.table-c-dk tbody th,
.table-c-dk tbody th[rowspan]
{
background-color: #fff;
}
.table-c-dk ul {
margin-top: var(--spacing--3);
}
/* CART */
.cart--root:not([data-view=desktop]) .cart--body {
border-top: 1px solid var(--color--accent-1);
}
.cart--root:not([data-view=desktop]) .cart--item {
border-bottom: 1px solid var(--color--accent-1);
}
.cart--item--title {
border-bottom: 1px solid rgba(0 0 0 / 5%) !important;
padding: 0 0 var(--spacing--3) 0 !important;
}
.quantity-selector--remove {
padding-top: var(--spacing--3);
}
/* */
/* REVIEWS */
.yotpo-bold-layout .yotpo-head {
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
}
.yotpo-display-s .yotpo-head .yotpo-headline,
.yotpo-display-s .yotpo-head {
margin-top: var(--spacing--1) !important;
}
#yotpo-app h2 {
font-size: var(--font--section-heading--size) !important;
}
.yotpo-headline,
.yotpo-title-text
{
font-family: var(--font--heading--family) !important;
font-weight: var(--font--heading--weight) !important;
font-style: var(--font--heading--style) !important;
text-transform: var(--font--heading--uppercase) !important;
}
#yotpo-main-widget-btn,
.yotpo-mobile-filters-btn
{
border-radius: 0px !important;
font-family: var(--font--heading--family) !important;
font-style: var(--font--heading--style) !important;
text-transform: uppercase !important;
font-weight: var(--font--accent--weight) !important;
letter-spacing: 1px !important;
padding: var(--spacing--1) var(--spacing--4);
border: 1px solid var(--bdr-color--general) !important;
}
@media only screen and (min-width: 768px) {
#yotpo-main-widget-btn {
min-width: 200px;
}
}
.yotpo-search-filter .yotpo-search-label .yotpo-search-input,
.yotpo-media-select,
.yotpo-filter-select
{
font-family: var(--font--paragraph--family) !important;
font-style: var(--font--heading--style) !important;
text-transform: var(--font--heading--uppercase) !important;
font-weight: var(--font--accent--weight) !important;
font-size: calc(var(--font--paragraph--size) - 2px) !important;
padding-top: 2px !important;
letter-spacing: 1px !important;
border: 1px solid var(--bdr-color--general) !important;
}
.yotpo-sr-bottom-line-text {
font-family: var(--font--paragraph--family) !important;
text-transform: var(--font--heading--uppercase) !important;
font-weight: var(--font--accent--weight) !important;
font-size: calc(var(--font--paragraph--size) - 2px) !important;
}
.swym-ui-component .swym-wishlist-product-detail-content .swym-wishlist-add-to-cart-btn {
border-radius: 25px;
}
.yotpo-empty-state svg {
display: none;
}
.yotpo-empty-state:before {
content: url('https://cdn.shopify.com/s/files/1/0552/4039/2803/files/5starsRed.svg?v=1706115824');
position: relative;
height: 20px;
width: 110px;
margin-left: 0px;
}
@media only screen and (max-width: 767px) {
.yotpo-reviews-star-ratings-widget {
justify-content: center !important;
text-align: center !important;
margin-bottom: var(--spacing--4)!important;
}
.yotpo-sr-bottom-line-summary {
row-gap: 13px !important;
flex-direction: column !important;
align-items: center !important;
}
.yotpo-sr-bottom-line-summary div:first-child {
margin-right: 0px !important;
}
}
/* FOOTER LOCALIZATION */
body .locale-selectors__selector {
background-color: #000 !important;
color: var(--bg-color--panel) !important;
font-family: var(--font--paragraph--family) !important;
font-size: calc(var(--font--accent--size) + 2px) !important;
margin: 3px !important;
color: var(--bg-color--panel) !important;
margin: 5px 5px 5px 0px !important;
border-radius: 0px !important;
border: 1px solid var(--color--body--light) !important;
}
body .locale-selectors__container form {
display: flex !important;
}
@media only screen and (min-width: 768px) {
body .locale-selectors__container form {
position: relative;
bottom: 130px;
z-index: 2;
}
}
body .locale-selectors__label+.locale-selectors__label {
margin: 0 0 0 0.5em !important;
}
@media only screen and (max-width: 767px) {
body .locale-selectors__content {
padding-top: var(--spacing--3);
}
}
/* */
/* product tile swatches */
.radios--root[data-display-only=false] .radios--header>* {
font-size: 0.9rem;
}
.product-tile-swatches--root .radios--root[data-display-only=true] {
pointer-events: auto;
}
.product-tile-swatches--root .radios--input[data-item='radio'] + label[data-item='swatch']::after {
content: '';
border: 1px solid transparent;
width: 26px;
height: 26px;
}
.product-tile-swatches--root .selected .radios--input[data-item='radio'] + label[data-item='swatch']::after {
border: 1px solid var(--color--body);
}
/* customization of collection banner */
@media only screen and (max-width: 767px) {
.collection--header--root[data-show-image=true][data-heading-alignment=left] .collection--header--heading,
.collection--header--root[data-show-image=true][data-heading-alignment=right] .collection--header--heading{
max-width: unset;
width: 100%;
position: static;
text-align: center;
}
.collection--header--root[data-show-image=true][data-heading-alignment=left][data-alt-color=true] .collection--header--heading,
.collection--header--root[data-show-image=true][data-heading-alignment=right][data-alt-color=true] .collection--header--heading{
color: var(--color--body);
}
}
@media only screen and (min-width: 768px) {
.collection--header--root[data-show-image=true][data-heading-alignment=left] .collection--header--wrapper {
display: flex;
flex-direction: row-reverse;
}
.collection--header--root[data-show-image=true][data-heading-alignment=right] .collection--header--wrapper {
display: flex;
flex-direction: row;
}
.collection--header--root[data-show-image=true][data-heading-alignment=left] .collection--header--image,
.collection--header--root[data-show-image=true][data-heading-alignment=right] .collection--header--image {
width: 50%;
}
.collection--header--root[data-show-image=true][data-heading-alignment=left] .collection--header--heading,
.collection--header--root[data-show-image=true][data-heading-alignment=right] .collection--header--heading {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 50%;
top: 0;
bottom: 0;
max-width: unset;
text-align: center;
}
.collection--header--root[data-show-image=true][data-heading-alignment=left] .collection--header--heading {
left: 0;
}
.collection--header--root[data-show-image=true][data-heading-alignment=right] .collection--header--heading {
left: 50%;
}
.collection--header--root[data-show-image=true][data-heading-alignment=left][data-alt-color=true] .collection--header--heading,
.collection--header--root[data-show-image=true][data-heading-alignment=right][data-alt-color=true] .collection--header--heading {
background-color: black;
}
.collection--header--root[data-show-image=false][data-heading-alignment=left] .collection--header--heading,
.collection--header--root[data-show-image=false][data-heading-alignment=right] .collection--header--heading {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
}
/* PDP */
.product-page--heading, .product--quick-add--title {
text-transform: capitalize;
}
.product-page--heading {
font-size: calc(var(--font--section-heading--size) - 4px);
}
.collapsible-row--toggle {
padding: var(--spacing--3) var(--spacing--item) var(--spacing--3) 0px;
}
.collapsible-row--content {
padding: 0 var(--spacing--3) var(--spacing--3);
}
.collapsible-row--heading {
text-transform: capitalize;
font-weight: 600;
font-size: var(--font--paragraph--size);
}
.product-page--description [data-item=rte-content] ul {
padding-left: 16px;
}
@media only screen and (max-width: 767px) {
.product-page--root .product-page--wrapper {
gap: 2px;
}
}
/* Product labels added to PDP */
@media only screen and (max-width: 767px) {
.product-page--breadcrumbs--mobile {
min-height: var(--spacing--5);
}
.product-page--mobile-container .product--labels {
top: calc(62px + var(--spacing--1));
left: calc(24px + var(--spacing--1));
}
}
@media only screen and (min-width: 768px) {
.product-page--desktop-container .product--labels {
top: calc(33px + var(--spacing--1));
}
}
/* PLP labels on bottom of image */
.collection--body--root .product--labels[data-item],
.featured-collection--root .product--labels[data-item],
.list-collections--root .product--labels[data-item],
.related-products--root .product--labels[data-item]
{
top: inherit;
bottom: var(--spacing--1);
row-gap: var(--spacing--1);
}
.product--label:not(:last-child) {
margin: 0 var(--spacing--1) 0 0;
}
@media only screen and (max-width: 767px) {
.product--root[data-product-view=grid] .product--label {
padding: 4px 6px;
height: auto;
line-height: 1;
}
}
@media only screen and (min-width: 768px) {
.product--root[data-product-view=grid] .product--label {
padding: 6px 6px;
height: auto;
line-height: 1;
}
}
/* contact us form */
.contact--container {
max-width: 700px;
}
.contact--root[data-section-id] .contact--header {
text-align: left;
}
@media only screen and (max-width: 767px) {
.page--contact .template-page--root[data-section-id] {
padding-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.page--contact .template-page--root[data-section-id] {
padding-bottom: calc(var(--spacing--section--y) / 2);
}
}
/* Global-e / Geolocation Orbe selector overrides */
.header--country-selector {
display: flex;
}
.header--country-selector.align-with-logo {
font-size: 12px;
}
.header--container > .header--country-selector.align-with-logo {
position: absolute;
top: 23px;
left: 0;
height: 30px;
line-height: 30px;
white-space: nowrap;
text-transform: none;
}
.header--right-side .header--country-selector {
position: absolute;
right: 0;
height: 30px;
line-height: 30px;
transform: translateY(-30px);
white-space: nowrap;
top: 0;
text-transform: none;
font-size: 12px;
}
.header--country-selector > span {
/*color: var(--color--alternative);*/
/*opacity: 0.85;*/
}
.header--country-selector .md-footer-selector__container {
background-color: transparent;
padding-left: 4px;
}
.header--country-selector .md-footer-selector__selector {
/*color: var(--color--alternative) !important;*/
line-height: 1 !important;
padding: 0 !important;
/*opacity: 0.85;*/
font-size: 12px !important;
text-transform: uppercase;
}
/*.header--right-side .header--country-selector .md-footer-selector__selector:hover {
opacity: 1;
}*/
.mobile-nav--menu .header--country-selector {
padding: 20px 35px 20px 15px;
}
/* Global-e / Geolocation Orbe popup overrides */
#md-app-embed__modal .md-modal__content .md-modal__header__title span {
font-family: var(--font--heading--family);
line-height: 1.2;
}
.md-modal__content .md-btn.md-btn__primary {
font-family: var(--font--heading--family);
font-size: 13px !important;
letter-spacing: 0.05em;
text-transform: uppercase;
}
/* Mobile Nav banner */
.mobile-nav--banner {
max-width: 400px;
position: relative;
}
.mobile-nav--banner img {
display: block;
width: 100%;
height: auto;
}
.mobile-nav--banner a {
display: block;
}
.mobile-nav--banner_content {
position: absolute;
top: 0px;
bottom: 0;
left: 135px;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
color: black;
gap: 10px;
padding: 10px;
text-transform: capitalize;
}
.mobile-nav--banner .rte {
text-transform: none;
}
.mobile-nav--banner .featured-content--link {
background-color: black;
color: white;
padding: 4px 10px 4px 10px;
}
.mobile-nav--banner_content > .font--featured-heading {
font-size: 26px;
font-weight: 600;
}
.mobile-nav--banner_content > .rte {
font-size: 18px;
padding-left: 10px;
padding-right: 10px;
}
.mobile-nav--banner_content > .featured-content--link {
/* CSS styles for the featured-content--link element */
}
.mobile-nav--banner_content > .featured-content--link > .featured-content--link--container {
font-weight: 600;
}
/* Recent Products */
recent-products-root {
border-top: 1px solid var(--color--accent-1);
padding-top: var(--spacing--4) !important;
}
/* */
/* Section Col Button Fix */
[data-item=btn_dark_text] {
color: var(--color--accent-1) !important;
}
[data-item=btn_light_text] {
color: var(--color--accent-2) !important;
}
/* */
/* Our Story */
.page--our-story {
background-color: var(--bg-color--body-2) !important;
}
/* */
/* Product Price adjust - added in theme settings*/
.product--price,
.product-price--original,
.product--compare-price,
.product-price--compare {
font-size: calc(var(--font--price--size) + 4px);
}
.product--compare-price.money, .product--price.money {
font-size: var(--font--price--size);
}
/* */
/* Persistent Banner */
.persistent-banner[data-section-id] {
padding: 0;
}
.persistent-banner .collapsible-row--wrapper {
position: relative;
border-top: 0 none;
border-bottom-color: #FFF;
}
.persistent-banner .collapsible-row--content {
padding: 0;
margin: 0;
}
.persistent-banner .collapsible-row--content-wrapper {
position: relative;
z-index: 1;
}
.persistent-banner .collapsible-row--toggle {
justify-content: flex-end;
padding-top: 0;
padding-bottom: 0;
position: absolute;
z-index: 2;
}
.persistent-banner .collapsible-row--toggle .collapsible-row--heading {
font-family: var(--font--heading--family);
font-weight: var(--font--heading--weight);
}
.persistent-banner .collapsible-row--toggle[aria-expanded=true] {
right: 0;
width: 3rem;
top: 0;
height: 100%;
}
.persistent-banner .collapsible-row--toggle[aria-expanded=true] .collapsible-row--heading {
display: none;
}
.persistent-banner .collapsible-row--toggle[aria-expanded=false] {
height: 30px;
}
.persistent-banner .collapsible-row--toggle[aria-expanded=false] .collapsible-row--heading {
display: block;
}
.persistent-banner .featured-content--text-wrapper {
flex-direction: row;
align-items: center;
gap: 5px;
max-width: unset !important;
}
.persistent-banner .featured-content--text::before {
display: none !important;
}
.persistent-banner .featured-content--link::after {
display: none;
}
@media only screen and (max-width: 767px) {
.persistent-banner .featured-content--text-wrapper {
flex-direction: column;
}
.persistent-banner .featured-content--description {
padding-left: 20px;
padding-right: 20px;
}
}
/* Leagues + Teams */
.leagues-teams-picker--root[data-display-type="teams-with-icon"] .leagues-teams--heading-text {
padding-bottom: 1.25rem;
}
.modal--root .leagues-teams--container {
background-color: #FFF;
max-width: 52.0625rem;
min-width: 18.75rem;
padding: 1.5rem 1rem;
}
.tabs--menu {
list-style: none;
display: flex;
padding: 0 .5rem;
margin: 0;
cursor: pointer;
}
.tabs--menu {
padding: 1.25rem 0 0;
overflow-x: auto;
border-bottom: 1px solid #d5d5d5;
margin-bottom: 1.125rem;
margin-left: auto;
margin-right: auto;
}
.modal--root .tabs--menu {
max-width: 640px;
}
.tabs--menu-item {
display: inline-block;
flex-grow: 1;
text-align: center;
text-transform: uppercase;
font-size: .9375rem;
margin: 0 .5rem;
}
.tabs--menu-item {
padding-bottom: .375rem;
white-space: nowrap;
}
.tabs--menu-item:first-child {
margin-left: 0;
}
.tabs--menu-item.active-tab, .tabs--menu-item:hover {
border-bottom: .125rem solid #242424;
}
.tabs--menu-item a {
color: #b5b5b5;
text-decoration: none;
}
.tabs--menu-item.active-tab a, .tabs--menu-item:hover a {
color: #242424;
text-decoration: none;
}
.tabs--content {
display: block;
position: relative;
display: flex;
justify-content: center;
}
.tabs--content-panel {
display: none;
position: relative;
}
.tabs--content-panel.active-panel {
display: block;
}
.leagues-teams--list {
display: flex;
flex-wrap: wrap;
gap: .5rem;
}
.modal--root .leagues-teams--list {
max-width: 640px;
}
.leagues-teams--list-item {
width: 6.25rem;
height: 6.25rem;
border-radius: .25rem;
margin: 0;
background-color: #f5f6f8;
}
@media only screen and (max-width: 767px) {
.leagues-teams--list-item {
width: calc(33.33% - (0.5rem * 2 / 3));
}
}
.leagues-teams--list-item a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin: auto;
padding: .5rem;
cursor: pointer;
text-decoration: none;
}
.leagues-teams--list-item .leagues-teams--team-logo {
aspect-ratio: 1 / 1;
max-height: calc(100% - 32px);
max-width: calc(100% - 32px);
}
.leagues-teams--list-item img {
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .5s ease-in;
object-fit: contain;
}
.leagues-teams--list-item img {
opacity: 1;
}
.leagues-teams--list-item span {
display: flex;
justify-content: center;
font-size: .63rem;
text-align: center;
padding-top: .5rem;
line-height: .75rem;
}
.leagues-teams-picker--root[data-display-type="leagues-with-icon"] .leagues-with-icon--heading-text {
padding-bottom: 1.25rem;
}
.leagues-with-icon--list-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
}
.leagues-with-icon--list {
display: flex;
flex-direction: row;
justify-content: center;
}
.leagues-with-icon--list-item {
width: 6.25rem;
height: 6.25rem;
border-radius: .25rem;
margin: 0 .25rem .5rem;
}
.leagues-with-icon--list-item .leagues-with-icon--link {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin: auto;
padding: .5rem;
cursor: pointer;
text-decoration: none;
}
.leagues-with-icon--img-wrapper {
background-color: #f5f6f8;
display: flex;
flex-direction: column;
width: 70px;
height: 70px;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.leagues-with-icon--list-item img {
width: 100%;
height: 100%;
max-height: calc(100% - 32px);
max-width: calc(100% - 32px);
opacity: 0;
transition: opacity .5s ease-in;
object-fit: contain;
}
.leagues-with-icon--list-item img {
opacity: 1;
}
.leagues-with-icon--list-item span {
display: flex;
justify-content: center;
font-size: .75rem;
text-align: center;
padding-top: .5rem;
line-height: .75rem;
}
@media screen and (min-width: 40em) {
.leagues-with-icon--list {
width: 40.5rem;
}
.leagues-with-icon--list-item {
width: calc(100% / 6 - 8px);
}
}
.modal--root[data-id="teams"] .modal--view {
position: relative;
}
.modal--root[data-id="teams"] .modal--button-container {
position: absolute;
right: var(--spacing--1);
top: calc(var(--spacing--1) + 2px);
}
.layout--viewport[data-modal-view="teams"][data-modal-status="opened"] .layout--close {
display: none;
}
.modal--button-container svg {
width: 16px;
}
/* Team picker for League Landing */
.league-landing-teams-picker .leagues-teams--list {
display: grid;
grid-template-rows: repeat(4, auto);
grid-auto-flow: column;
gap: 4px;
}
@media only screen and (min-width: 768px) {
.league-landing-teams-picker .leagues-teams--list {
display: grid;
grid-template-rows: repeat(2, auto);
grid-auto-flow: column;
}
}
@media only screen and (min-width: 1024px) {
.league-landing-teams-picker .leagues-teams--list {
gap: 0.5rem;
}
}
.league-landing-teams-picker .leagues-teams--list-item {
width: auto;
height: auto;
}
.league-landing-teams-picker .leagues-teams--list-item a {
padding: .35rem;
}
.league-landing-teams-picker .leagues-teams--list-item span {
padding-top: .25rem;
word-break: break-word;
}
@media only screen and (max-width: 767px) {
.league-landing-teams-picker .leagues-teams--content .tabs--content {
display: block;
overflow-x: scroll;
}
.league-landing-teams-picker .leagues-teams--content .tabs--content-panel {
padding: 0px 0 12px 0;
}
.league-landing-teams-picker .leagues-teams--list {
display: flex;
flex-wrap: nowrap;
}
.league-landing-teams-picker .leagues-teams--list-item {
width: 25vw;
flex-shrink: 0;
}
.league-landing-teams-picker .leagues-teams--list-item span {
}
}
.league-landing-teams-picker .leagues-teams--list-item .leagues-teams--team-logo {
max-height: 52px;
max-width: 52px;
}
@media only screen and (min-width: 768px) and (max-width: 1367px) {
.featured-grid--root.league-landing-teams-picker {
max-width: unset;
}
}
@media only screen and (min-width: 768px) {
.league-landing-teams-picker .leagues-teams--list-item .leagues-teams--team-logo {
height: 32px;
}
}
@media only screen and (min-width: 1024px) {
.league-landing-teams-picker .leagues-teams--list-item .leagues-teams--team-logo {
height: 36px;
}
}
@media only screen and (min-width: 1220px) {
.league-landing-teams-picker .leagues-teams--list-item .leagues-teams--team-logo {
height: 40px;
}
}
/* Teams Modal Button */
.teams-open-modal--content {
border-top: 1px solid var(--bdr-color--general);
border-bottom: 1px solid var(--bdr-color--general);
}
.teams-open-modal--button,
.teams-open-modal--button:hover
{
border: 0px solid #fff;
/* text-decoration: underline;
text-underline-offset: 3px; */
}
.teams-open-modal--button:after{
top: 0px;
content: "";
position: relative;
width: 12px;
height: 12px;
right: 0px;
margin: 1px 7px 0px 7px;
background: url("data:image/svg+xml;utf8,") no-repeat;
display: flex
;
flex-direction: row;
align-items: center;
opacity: 1;
float: left;
}
/* */
/* NAV ITEM LOGOS */
.nav-logo {
max-height: 20px; /* Adjust as needed */
margin-right: 5px; /* Adjust spacing as needed */
vertical-align: middle; /* Align logo with text */
}
.site-nav__link {
display: flex; /* Enable flexbox for alignment */
align-items: center; /* Vertically center items */
}
.x-menu--single-parent {
display: flex !important;
flex-direction: column;
align-items: center;
}
.x-menu--level-2--link[data-link-id^="nfl--"] .x-menu--level-3--container,
.x-menu--level-2--link[data-link-id^="mlb--"] .x-menu--level-3--container,
.x-menu--level-2--link[data-link-id^="nba--"] .x-menu--level-3--container,
.x-menu--level-2--link[data-link-id^="nhl--"] .x-menu--level-3--container {
columns: 3;
}
.y-menu--level-2--link[data-link-id^="nfl--"] a,
.y-menu--level-2--link[data-link-id^="mlb--"] a,
.y-menu--level-2--link[data-link-id^="nba--"] a,
.y-menu--level-2--link[data-link-id^="nhl--"] a {
background-repeat: no-repeat;
background-size: 30px 30px;
padding-left: 70px;
background-position: 30px 11px;
}
.y-menu--level-3--link[data-link-id^="nfl--"] a,
.y-menu--level-3--link[data-link-id^="mlb--"] a,
.y-menu--level-3--link[data-link-id^="nba--"] a,
.y-menu--level-3--link[data-link-id^="nhl--"] a {
background-repeat: no-repeat;
background-size: 30px 30px;
padding-left: 70px;
background-position: 30px 11px;
}
.x-menu--level-3--link[data-link-id^="nfl--"] a,
.x-menu--level-3--link[data-link-id^="mlb--"] a,
.x-menu--level-3--link[data-link-id^="nba--"] a,
.x-menu--level-3--link[data-link-id^="nhl--"] a {
background-repeat: no-repeat;
background-size: 22px 22px;
padding-left: 25px;
}
.collection--header--wrapper.collection--header--team--wrapper {
align-items: center;
justify-content: center;
gap: 20px;
padding: 30px 20px;
display: flex;
}
.collection--header--breadcrumbs {
padding: 0 var(--spacing--section--x);
}
.collection--header--team-logo {
height: 60px;
width: auto;
}
.collection--header--team-logo img {
object-fit: contain;
}
.template--collection-nba-landing .collection--header--team-logo {
height: 80px;
}
.template--collection-mlb-landing .collection--header--team-logo {
height: auto;
width: 90px;
}
@media only screen and (min-width: 768px) {
.collection--header--team-logo {
height: 100px;
width: auto;
}
.template--collection-nba-landing .collection--header--team-logo {
height: 110px;
}
.template--collection-mlb-landing .collection--header--team-logo {
height: auto;
width: 110px;
}
}
/* Featured Collection */
.featured-collection--root .featured-collection--header {
max-width: inherit;
}
.featured-collection--title {
width: 100%;
padding: 0 calc(var(--spacing--block) / 2);
}
.shopify-section .collection--header--root[data-show-image=false] .collection--header--heading {
padding: var(--spacing--4) var(--spacing--5) 24px;
margin: 0;
}
@media only screen and (max-width: 767px) {
.shopify-section .collection--header--root[data-show-image=false] .collection--header--heading {
padding: var(--spacing--3) var(--spacing--3);
}
}
@media only screen and (min-width: 768px) {
.shopify-section .navigation--container {
padding: var(--spacing--4) 0 0;
}
}
@media only screen and (min-width: 768px) {
[data-section-id][data-container-width="5"]:not([data-container])>:not([data-container=block]).leagues-teams--container {
max-width: unset;
padding: 0px 0px;
}
}
/*
/* Team Picker Grid Border Lines - instead of gray bg color
@media only screen and (min-width: 1024px) {
.league-landing-teams-picker .leagues-teams--list, .modal--view .leagues-teams--list {
gap: 1px;
background-color: var(--bdr-color--general);
}
}
.leagues-teams--list-item, .modal--view .leagues-teams--list {
border-radius: 0;
background-color: var(--bg-color--body);
}
/* modal
@media only screen and (max-width: 767px) {
.leagues-teams--list-item {
width: calc(33.33% -(1px * 2 / 3));
}
}
.modal--view .leagues-teams--list {
flex-flow: row wrap;
justify-content: space-between;
background-color: var(--bdr-color--general);
gap: 1px;
}
.modal--view .leagues-teams--list::after {
content: "";
flex: auto;
}
*/
/* Team PLP */
.collection--header--wrapper.collection--header--team--wrapper {
gap: 20px;
padding: 24px 18px 24px;
text-align: center;
}
.breadcrumbs--root {
justify-content: center;
}
.collection--header--breadcrumbs .breadcrumbs--root [data-item="caption"] {
font-size: calc(var(--font--accent--size) + 2px);
}
[data-section-id][data-container-width="5"]:not([data-container])>:not([data-container=block]).teams-open-modal--content {
max-width: unset;
}
@media only screen and (min-width: 768px) and (max-width: 1367px) {
.featured-grid--root.leagues-teams-picker--root {
max-width: unset;
}
}
.teams-open-modal--content .teams-open-modal--button {
height: 34px;
line-height: 34px;
}