/*============================================================================
  MADDECENT Table of Contents
	
  #Fonts/Colors/Elements
  #Header
  #Drawer
  #Home Page - ThreeJS
  #Artists
  #Discography
  #Distribution
  #Follow/Contact
  #PDP
  #Cart
  #Higher Ground Collection
  #Chemical X Collection


==============================================================================*/

/*============================================================================

  #Fonts/Colors/Elements

==============================================================================*/

@font-face {
  font-family: "Akzidenz-Grotesk";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/shop/files/AkzidenzGrotesk-Medium.woff2?v=1676681276") format("woff2"),
       url("/cdn/shop/files/AkzidenzGrotesk-Medium.woff?v=1676681271") format("woff");
}

@font-face {
  font-family: "Akzidenz-Grotesk";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/shop/files/AkzidenzGrotesk-Medium.woff2?v=1676681276") format("woff2"),
       url("/cdn/shop/files/AkzidenzGrotesk-Medium.woff?v=1676681271") format("woff");
}

@font-face {
  font-family: "Akzidenz-Grotesk";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/shop/files/AkzidenzGrotesk-Medium.woff2?v=1676681276") format("woff2"),
       url("/cdn/shop/files/AkzidenzGrotesk-Medium.woff?v=1676681271") format("woff");
}

@font-face {
  font-family: "Albertus";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/shop/files/AlbertusMedium-Regular.woff2?v=1676681281") format("woff2"),
       url("/cdn/shop/files/AlbertusMedium-Regular.woff?v=1676681279") format("woff");
}

@font-face {
  font-family: "Albertus";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/shop/files/AlbertusMedium-Regular.woff2?v=1676681281") format("woff2"),
       url("/cdn/shop/files/AlbertusMedium-Regular.woff?v=1676681279") format("woff");
}

@font-face {
  font-family: "Albertus";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/cdn/shop/files/AlbertusMedium-Regular.woff2?v=1676681281") format("woff2"),
       url("/cdn/shop/files/AlbertusMedium-Regular.woff?v=1676681279") format("woff");
}

::-webkit-scrollbar {
    display: none;
}
.drawer[open]>.drawer__overlay {
    opacity: 0;
}

body {
  font-style: var(--heading-font-style);
  letter-spacing: -.075em;
  text-transform: none;
}

.header__linklist-link,
.mega-menu__title,
.mega-menu__heading,
.heading,
.button:not(.button--text),
.label--highlight,
.label--subdued {
  font-style: var(--heading-font-style);
  font-weight: var(--heading-font-weight);
  text-transform: none;
  letter-spacing: -.075em;
}

button,
.mega-menu__text,
.loader-button__text {
  font-style: var(--heading-font-style);
  letter-spacing: -.075em;
  text-transform: none;
}

.button:not(.button--text),
.shopify-challenge__button,
#shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .spr-button {
  @media screen and (min-width: 741px) {
    font-size: calc(var(--base-font-size));
  }
}

.shopify-payment-button__button--unbranded {
  letter-spacing: -.075em !important;
  text-transform: none !important;
  font-size: inherit !important;
}

.heading,
.blockquote,
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6,
.rte blockquote {
  text-transform: none;
}

.product-item-meta {
  text-align: left;
  line-height: 1;
}
.product-item-meta__vendor,
.product-meta__vendor {
  font-family: HelveticaNeueLTPro-BdExO;
}
.product-item-meta__title,
.price-list {
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
}
.product-meta__title {
  font-style: normal;
  font-weight: bold;
  color: #000;
  font-size: 30px;
}
.product-form__option-name,
.product-form__option-value,
.product-form__quantity-label {
  font-style: normal;
}

#mini-cart {
  .drawer__title,
  .drawer__content,
  .drawer__header .drawer__close-button,
  .line-item .product-item-meta__vendor,
  .line-item .product-item-meta__property,
  .line-item .line-item__remove-button,
  .mini-cart__actions,
  .mini-cart__order-note-title,
  .mini-cart__actions button,
  .mini-cart__order-note .input__field--textarea,
  .mini-cart__recommendations-heading,
  .mini-cart__recommendations .product-item-meta__vendor,
  .mini-cart__recommendations .product-item__link {
    color: #fff;
  }

  .mini-cart__order-note .input__field--textarea {
    border-color: #fff;
  }

  .drawer__footer::before {
    display: none;
  }

  .checkout-button {
    background: #fff;
    color: #000;
  }
}

.drawer--quick-buy {
  color: #fff;

  .drawer__title,
  .product-item-meta__vendor,
  .block-swatch__item,
  .block-swatch.is-disabled .block-swatch__item {
    color: #fff;
  }

  .product-form__add-button {
    background: #fff;
    color: #000;
  }

  .block-swatch:not(.is-disabled) .block-swatch__radio:checked+.block-swatch__item {
    background: #fff;
    color: #000;
    border-color: #fff;
  }

  .product-form__add-button[disabled] {
    color: #000;
  }
}

#search-drawer {
  .icon--header-search,
  .predictive-search__input,
  .predictive-search__input::placeholder,
  .predictive-search__results,
  .tabs-nav__item,
  .product-item-meta__vendor {
    color: #fff;    
  }

  .drawer__footer {
    &::before {
      display: none;
    }
    
    .button--primary {
      background: #fff;
      color: #000;
    }
  }
}

.shopify-section--main-search {
  .page-header {
    color: #fff;

    .heading {
      color: #fff;
    }
  
    .main-search__input {
      border-color: #fff;
    }
  }
}


/*============================================================================

  #Header

==============================================================================*/
#shopify-section-header {
  @media screen and (max-width: 999px) {
  	z-index: 11 !important;
  }
    
  .header--bordered:not(.header--transparent) {
      box-shadow: none;
  }
  .header__logo-link {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  #logo {
      height: 40px;
      opacity: 0.85;
      cursor: pointer;
      pointer-events: all;
      transition: 0.2s;
  }
  .logo-svg {
      fill: #000;
      transition: 0.2s;
  }
  .header--transparent .logo-svg {
      fill: #fff;
  }
  #logo:hover {
      opacity: 1;
  }
  #logo:hover .logo-svg {
      animation: rgbFill 10s linear infinite;
  }
  .icon--header-hamburger {
      width: 40px;
      height: 40px;
    @media screen and (max-width: 740px) {
    	height: 30px;
      	width: 30px;
    }
  }
  [aria-expanded="true"] .icon--header-hamburger path {
      stroke: #ffffff;
  }
  [aria-controls="mobile-menu-drawer"] {
      opacity: 1;
      transition: opacity 200ms ease;
  }
  .header__secondary-links .header__linklist-item {
      font-size: 24px;
      text-transform: none;
      color: currentColor;
      letter-spacing: -0.075em;
      line-height: 1em;
  }
  .header__linklist-link--higher-ground {
    width: 100px;
    &::after {
      display: none;
    }
    img {
      padding-top: 4px;
    }
  }
}
.lock-all #shopify-section-header [aria-controls="mobile-menu-drawer"] {
    opacity: 0;
  	transition: opacity 200ms ease;
}

@media screen and (max-width: 999px) {
  .lock-all #shopify-section-header .logo-svg {
      fill: #fff;
      transition: .2s;
  }
  .lock-all #shopify-section-header .header__secondary-links .header__linklist-item {
  	  color: #fff;
      transition: .2s;
  }
}

.header__cart-count {
  top: -5px;
}
[dir="ltr"] .header__linklist-item:not(:last-child) {
  margin-right: 8px;
  @media screen and (min-width: 741px) {
    margin-right: 32px;
  }
}

.header__icon-wrapper--shop {
  display: none;
  @media screen and (min-width: 1200px) {
    display: block;
    order: -2;
    margin-right: 40px;
  }
}

.mega-menu__inner {
  padding-top: 32px;
  padding-bottom: 32px;
}
.mega-menu__columns-wrapper {
  align-items: center;
}
.mega-menu__image-wrapper {
  margin-bottom: 8px;
}
.mega-menu__image-push {
  @media screen and (min-width: 1400px) {
    width: 200px;
  }
}
.mega-menu__heading,
.mega-menu__text {
  margin-top: 0;
  line-height: 1.2;
  font-style: normal;
  font-weight: bold;
  color: #000;
}


/*============================================================================

  #Drawer

==============================================================================*/

.drawer {
 z-index: 100;
}

.drawer__header .drawer__close-button {
  color: #fff;

  svg {
    fill: currentColor;
  }
}

#mobile-menu-drawer {
  max-width: 350px;
  @media screen and (max-width: 999px) {
    width: 100%;
	max-width: 100%;
  }
  
  .drawer__header {
      margin-top: 5px;
      margin-bottom: 0px;
    @media screen and (max-width: 999px) {
    	margin-bottom: 20px;
    }
  }
  .mobile-nav__link {
      color: #BCBEC0;
      text-transform: none;
	  font-size: 50px;
      letter-spacing: -0.075em;
      line-height: 1em;
      padding: 0px;
      transition: color 200ms ease;
      @media screen and (max-width: 999px) {
          font-size: 40px;
      }
      @media screen and (max-height: 725px) {
		  font-size: 40px;
      }
  }
  .mobile-nav__link:hover {
  	  color: #808285;
      transition: color 200ms ease;
  }
  .mobile-nav {
    .animated-plus {
      &::before {
        width: 20px;
        height: 4px;
      }
      &::after {
        width: 4px;
        height: 20px;
      }
    }
    
    .mobile-nav {
      margin-top: 10px !important;
      padding-left: 15px;
      
      .mobile-nav__item {
        margin-top: 10px;
        margin-bottom: 0;
        
        .mobile-nav__link {
          font-size: 30px;
          font-weight: bold;
          font-style: italic;
        }
      }
    }
    .mobile-nav__images-wrapper,
    .mobile-nav__image-heading {
      color: #fff;
    }
    .mobile-nav__link--toggle {
      width: auto;
    }
    .mobile-nav__link--higher-ground {
      filter: invert(1);
      width: 170px;
      opacity: 0.8;
    }
  }
  .mobile-nav__item-has-dropdown {
    display: flex;
    justify-content: space-between;
  }
  .icon--close {
      height: 40px;
      width: 40px;
    @media screen and (max-width: 999px) {
    	height: 30px;
      	width: 30px;
    }
  }
  .icon--close path {
      stroke: #fff;
  }
  .drawer__footer::before {
      content: unset;
  }
  .drawer__footer-content {
      color: #808285;
      font-size: 18px;
      font-style: italic;
      letter-spacing: -0.075em;
      line-height: 1em;
      padding-bottom: 50px;
  }
}


/*============================================================================

  #Home Page - ThreeJS

==============================================================================*/

.shopify-section--three-js {
  
  canvas {
      outline: 0;
  }
  #threeD-container {
      position: absolute;
      top: 0px;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: #1e1e1e;
  }

}



/*============================================================================

  #Artists

==============================================================================*/

.shopify-section--artists {
  position: relative;

  .Artists ul {
      list-style: none;
	  margin: 0;
      padding: 0;
  }
  .Artist__Section {
      text-transform: none;
      font-size: 20px;
      font-family: 'HelveticaNeueLTPro-BdExO';
      letter-spacing: -.075em;
      line-height: 1em;
      color: #666666;
      padding: 40px 0 10px 0;
      @media screen and (max-width: 999px) {
          font-size: 16px;
      }
  }
  .Artist__Section:nth-of-type(1) {
      padding-top: 5px;
  }
  .Artist__Item {
    margin-bottom: 5px;

    .Artist__Info:has(.Artist__Links) .Artist__Name {
      cursor: pointer;
    }
    
    .Artist__Name {
		color: #666666;
        text-transform: none;
        font-size: 36px;
        font-family: 'HelveticaNeueLTPro-BdExO';
        letter-spacing: -.075em;
        line-height: 1em;
        padding: 0;
        transition: color .2s ease;
        @media screen and (max-width: 999px) {
          font-size: 30px;
        }
    }
    
    .Artist__Links {
      display: none;
      margin: 0 0 1rem 1.5rem;
      position: relative;
    }

    .Artist__Links:before {
      content: '∟';
      font-family: monospace;
      position: absolute;
      left: -1.25rem;
      top: -0.5rem;
      color: #666666;
      font-size: 1.25rem;
    }
      
    .Artist__Links ul {
        display: flex;
        opacity: 0;
        transition: opacity 200ms ease;
        padding: 5px 0;
        @media screen and (max-width: 999px) {
         padding: 0;
        }
      
      li {
      	color: #666666;
        text-transform: none;
        font-size: 18px;
        font-style: normal;
        letter-spacing: -.075em;
        line-height: 1em;
        padding: 0;
        transition: color .2s ease;
        @media screen and (max-width: 999px) {
          font-size: 16px;
        }
      }
      li:hover {
          color: #666666;
          transition: color 200ms ease;
      }
      li:after {
      	content: '|';
        padding: 0 20px;
        color: #666666;
        @media screen and (max-width: 999px) {
          padding: 0 10px;
        }
        
      }
      li:hover:after {
        color: #666666;
        
      }
      li:last-of-type:after {
      	content: unset;
        
      }
    }
    .Artist__Image {
        position: fixed;
    	top: 0;
        right: 0;
        width: 100%;
        z-index: -1;
        opacity: 0;
        transition: opacity 200ms ease;
        height: 100vh;
          
        img {
        	width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
        }
    }
    @media screen and (max-width: 999px) {
      .Artist__Links {
      	display: none;
        padding: 5px 0;
        width: 100%;
      }
    }
  }

  .Artist__Item.active  .Artist__Links {
    display: block;
  }
  
  .Artist__Item:hover {
    
    .Artist__Name {
        color: #808285;
        transition: color 200ms ease;
    }
  }
  .Artist__Item.active {
    
    .Artist__Name {
        color: #808285;
        transition: color 200ms ease;
    }
  	.Artist__Links ul {
    	opacity: 1;
        transition: opacity 200ms ease;
    }
  	.Artist__Image {
        opacity: 0.4;
        transition: opacity 200ms ease;
    }
    @media screen and (max-width: 999px) {
      .Artist__Links {
      	display: block;
      }
    }
  }
}



/*============================================================================

  #Discography

==============================================================================*/

.shopify-section--discography {
  position: relative;

  .Discography ul {
      list-style: none;
	  margin: 0;
      padding: 0;
  }
  .Release__Item {
    
    .Release__Info {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        @media screen and (max-width: 999px) {
          flex-direction: column;
          margin-bottom: 20px;
        }
    }
    .Release__Catalog {
		color: #bcbec0;
        text-transform: none;
        font-size: 20px;
        letter-spacing: -.075em;
        line-height: 1em;
        padding: 0 5px 0 0;
        transition: color .2s ease;
        min-width: fit-content;
        @media screen and (max-width: 999px) {
          font-size: 16px;
        }
    }
    .Release__Title {
        width: 100%;
    }
    .Release__Artist {
		color: #666666;
        text-transform: none;
        font-size: 40px;
        font-family: 'HelveticaNeueLTPro-BdExO';
        letter-spacing: -.075em;
        line-height: 1em;
        padding: 0;
        transition: color .2s ease;
        @media screen and (max-width: 999px) {
          font-size: 18px;
        }
    }
    .Release__Name {
		color: #bcbec0;
        text-transform: none;
        font-size: 40px;
        font-family: 'HelveticaNeueLTPro-BdExO';
        letter-spacing: -.075em;
        line-height: 1em;
        padding: 0;
        transition: color .2s ease;
        @media screen and (max-width: 999px) {
          font-size: 18px;
        }
    }
    .Release__Links {
      	display: none;
		opacity: 0;
        padding: 20px 0;
        width: 100%;
    }
    .Release__Links .Release__Image {
        display: none;
      
      	@media screen and (max-width: 999px) {
          display: block;
          position: relative;
          inset: 0;
          width: 100%;
          text-align: center;
          
          img {
              max-width: 75%;
              margin-bottom: 20px;
              padding-right: 0;
          }
        }
    }
    .Release__Links ul {
        display: flex;
        transition: opacity 200ms ease;
        padding: 5px 0;
        @media screen and (max-width: 999px) {
		  justify-content: center;
        }
      
      li {
      	color: #bcbec0;
        text-transform: none;
        font-size: 30px;
        font-style: normal;
        letter-spacing: -.075em;
        line-height: 1em;
        padding: 0;
        transition: color .2s ease;
        @media screen and (max-width: 999px) {
          font-size: 18px;
        }
      }
      li:hover {
          color: #808285;
          transition: color 200ms ease;
      }
      li:after {
      	content: '|';
        padding: 0 20px;
        color: #bcbec0;
        @media screen and (max-width: 999px) {
          padding: 0 10px;
        }
        
      }
      li:hover:after {
        color: #bcbec0;
        
      }
      li:last-of-type:after {
      	content: unset;
        
      }
    }
    .Release__Image {
        position: fixed;
    	top: var(--header-height);
        right: 0;
        width: 45%;
        z-index: -1;
        opacity: 0;
        transition: opacity 200ms ease;
        @media screen and (max-width: 999px) {
          display: none;
        }
          
        img {
        	width: 100%;
        }
    }
  }
  .Release__Item:hover {
    
    .Release__Catalog, .Release__Artist, .Release__Name {
        color: #808285;
        transition: color 200ms ease;
    }
  }
  .Release__Item.active {
    
    .Release__Catalog, .Release__Artist, .Release__Name {
        color: #808285;
        transition: color 200ms ease;
    }
  	.Release__Links {
      	display: block;
    	opacity: 1;
        transition: opacity 200ms ease;
    }
  	.Release__Image {
        opacity: 1;
        transition: opacity 200ms ease;
    }
    @media screen and (max-width: 999px) {
      .Release__Links {
      	display: block;
      }
    }
  }
  .pagination {
    margin: 4rem 0;
  }
  
  .pagination .pagination__nav {
      background: #fff;
  }
}



/*============================================================================

  #Distribution

==============================================================================*/

.shopify-section--distribution {
  position: relative;

  .Labels ul {
      list-style: none;
	  margin: 0;
      padding: 0;
  }
  .Label__Section {
      text-transform: none;
      font-size: 20px;
      font-family: 'HelveticaNeueLTPro-BdExO';
      letter-spacing: -.075em;
      line-height: 1em;
      color: #666666;
      padding: 40px 0 10px 0;
      @media screen and (max-width: 999px) {
          font-size: 16px;
      }
  }
  .Label__Section:nth-of-type(1) {
      padding-top: 5px;
  }
  .Label__Item {
    margin-bottom: 5px;

    .Label__Info:has(.Label__Links) .Label__Name {
      cursor: pointer;
    }
    
    .Label__Name {
		color: #666666;
        text-transform: none;
        font-size: 36px;
        font-family: 'HelveticaNeueLTPro-BdExO';
        letter-spacing: -.075em;
        line-height: 1em;
        padding: 0;
        transition: color .2s ease;
        @media screen and (max-width: 999px) {
          font-size: 30px;
        }
    }
    .Label__Links {
      display: none;
      margin: 0 0 1rem 1.5rem;
      position: relative;
    }

    .Label__Links:before {
      content: '∟';
      font-family: monospace;
      position: absolute;
      left: -1.25rem;
      top: -0.5rem;
      color: #666666;
      font-size: 1.25rem;
    }
      
    .Label__Links ul {
        display: flex;
        opacity: 0;
        transition: opacity 200ms ease;
        padding: 5px 0;
        @media screen and (max-width: 999px) {
         padding: 0;
        }
       
      li {
      	color: #666666;
        text-transform: none;
        font-size: 18px;
        font-style: normal;
        letter-spacing: -.075em;
        line-height: 1em;
        padding: 0;
        transition: color .2s ease;
        @media screen and (max-width: 999px) {
          font-size: 16px;
        }
      }
      li:hover {
          color: #666666;
          transition: color 200ms ease;
      }
      li:after {
      	content: '|';
        padding: 0 20px;
        color: #666666;
        @media screen and (max-width: 999px) {
          padding: 0 10px;
        }
        
      }
      li:hover:after {
        color: #666666;
        
      }
      li:last-of-type:after {
      	content: unset;
        
      }
    }
    @media screen and (max-width: 999px) {
      .Label__Links {
      	display: none;
        padding: 20px 0;
        width: 100%;
      }
    }
  }
  .Label__Item:hover {
    
    .Label__Name {
        color: #808285;
        transition: color 200ms ease;
    }
  }
  .Label__Item.active {

    .Label__Links {
      display: block;
    }
    
    .Label__Name {
        color: #808285;
        transition: color 200ms ease;
    }
  	.Label__Links ul {
    	opacity: 1;
        transition: opacity 200ms ease;
    }
    @media screen and (max-width: 999px) {
      .Label__Links {
      	display: block;
      }
    }
  }
}



/*============================================================================

  #Follow/Contact

==============================================================================*/

.shopify-section--follow, .shopify-section--contact {
  position: relative;

  .Links ul {
      list-style: none;
	  margin: 0;
      padding: 0;
  }
  .Link__Item {
    
    .Link__Info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        @media screen and (max-width: 999px) {
          align-items: flex-start;
          flex-direction: column;
        }
    }
    .Link__Name {
		color: #bcbec0;
        text-transform: none;
        font-size: 50px;
        font-family: 'HelveticaNeueLTPro-BdExO';
        letter-spacing: -.075em;
        line-height: 1em;
        padding: 0;
        transition: color .2s ease;
        @media screen and (max-width: 999px) {
          font-size: 30px;
        }
    }
  }
  .Link__Item:hover {
    
    .Link__Name {
        color: #808285;
        transition: color 200ms ease;
    }
  }
}


/*============================================================================

  #PDP

==============================================================================*/

.block-swatch:not(.is-disabled) .block-swatch__radio:checked+.block-swatch__item,
.product-form__add-button[disabled]{
  color: #fff;
}


/*============================================================================

  #Cart

==============================================================================*/

.cart__recap {
  .heading,
  .text--subdued,
  #order-note-toggle,
  .input__field {
    color: #fff;
  }

  .input__field {
    border-color: #fff;
  }

  .cart__checkout-button {
    color: #000;
    background: #fff;
  }
}

/*============================================================================

  #Higher Ground Collection

==============================================================================*/

/*
.hg-collection {
  background-image: url("//maddecent.com/cdn/shop/t/27/assets/hg-bg_400x.gif?v=98349370634671055071717115634");

  .header {
    background: transparent;

    .icon--header-hamburger,
    .header__linklist-link,
    .header__linklist-item > a {
      color: #fff;
    }

    .header__linklist-link--higher-ground {
      filter: invert(1);
    }
  }

  #shopify-section-header .logo-svg {
    fill: #fff;
  }

  #main {
    .shopify-section {
      font-family: 'Akzidenz-Grotesk', Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
      color: #fff;
      font-style: normal;

      .page-header__text-wrapper {
        h1 {
          display: none;
        }
      }
      
      .heading {
        font-family: 'Albertus', Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
        font-style: normal;
      }
  
      button,
      .loader-button__text{
        font-style: normal;
      }

      .product-item-meta__title {
        font-family: 'Albertus', Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
      }

      .product-item-meta__vendor {
        font-family: 'Akzidenz-Grotesk', Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
        text-transform: uppercase;
      }

      .breadcrumb__list {
        font-size: 14px;
      }
  
      .product-facet__meta-bar,
      .product-facet__filter-item,
      .product-item-meta__vendor {
        font-size: 16px;
      }
    }

    .text--subdued {
      color: #fff;
    }
  }

  .footer {
    background: transparent;
    color: #fff;

    .heading,
    a {
      color: #fff;
    }

    .input__field {
      border-color: #fff;
    }

    .social-media__link:hover {
      color: #000;
    }
  }

  .footer--bordered {
    border-top: none;
  }
}
*/

/*============================================================================

  #Chemical X Collection

==============================================================================*/

.cx-collection {
  font-family: 'Times New Roman', Times, serif;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  
  .header__inline-navigation .header__linklist,
  .header__menu-icon,
  .header__search-icon,
  .page-header {
    display: none;
  }

  .header__logo-image--chemical-x {
    width: 60px;
  }

  #shopify-section-header .header__secondary-links .header__linklist-item,
  .header__cart-count,
  .heading,
  .text--xsmall,
  button,
  .button,
  .loader-button__text,
  .product-item-meta__title,
  .product-item-meta__vendor,
  .product-item__label-list .label--subdued,
  .product-meta__label-list .label--subdued,
  .price--large,
  .product-item-meta__title,
  .price-list,
  .station-tabs-tabset .station-tabs-tab span,
  .popover__choice-label {
    font-family: 'Times New Roman', Times, serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .heading,
  .product-item-meta__vendor,
  .text--subdued {
    color: #000;
  }

  .header__cart-count {
    top: auto;
    height: auto;
    min-width: auto;
    background: transparent;
    color: #000;
  }
}