@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);@charset "UTF-8";
@font-face {
  font-family: barlow-black;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/barlow-black.eot"), url("../fonts/barlow-black.eot?#iefix") format("embedded-opentype"), url("../fonts/barlow-black.woff2") format("woff2"), url("../fonts/barlow-black.woff") format("woff"), url("../fonts/barlow-black.ttf") format("truetype"), url("../fonts/barlow-black.svg#barlow-black") format("svg"); }

@font-face {
  font-family: barlow-bold;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/barlow-bold.eot"), url("../fonts/barlow-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/barlow-bold.woff2") format("woff2"), url("../fonts/barlow-bold.woff") format("woff"), url("../fonts/barlow-bold.ttf") format("truetype"), url("../fonts/barlow-bold.svg#barlow-bold") format("svg"); }

@font-face {
  font-family: nexa_light;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/nexa_light.eot"), url("../fonts/nexa_light.eot?#iefix") format("embedded-opentype"), url("../fonts/nexa_light.woff2") format("woff2"), url("../fonts/nexa_light.woff") format("woff"), url("../fonts/nexa_light.ttf") format("truetype"), url("../fonts/nexa_light.svg#nexa_light") format("svg"); }

@font-face {
  font-family: nexa_bold;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/nexa_bold.eot"), url("../fonts/nexa_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/nexa_bold.woff2") format("woff2"), url("../fonts/nexa_bold.woff") format("woff"), url("../fonts/nexa_bold.ttf") format("truetype"), url("../fonts/nexa_bold.svg#nexa_bold") format("svg"); }

@font-face {
  font-family: GT-Pressura-Standard-Bold;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/GT-Pressura-Standard-Bold.eot"), url("../fonts/GT-Pressura-Standard-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GT-Pressura-Standard-Bold.woff2") format("woff2"), url("../fonts/GT-Pressura-Standard-Bold.woff") format("woff"), url("../fonts/GT-Pressura-Standard-Bold.ttf") format("truetype"), url("../fonts/GT-Pressura-Standard-Bold.svg#GT-Pressura-Standard-Bold") format("svg"); }

@font-face {
  font-family: GT-Pressura-Standard-Regular;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/GT-Pressura-Standard-Regular.eot"), url("../fonts/GT-Pressura-Standard-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/GT-Pressura-Standard-Regular.woff2") format("woff2"), url("../fonts/GT-Pressura-Standard-Regular.woff") format("woff"), url("../fonts/GT-Pressura-Standard-Regular.ttf") format("truetype"), url("../fonts/GT-Pressura-Standard-Regular.svg#GT-Pressura-Standard-Regular") format("svg"); }

/*
* ICON SETUP INSTRUCTIONS
* 1) To edit Icomoon fonts, import the /fonts/icomoon/selection.json file at this URL: https://icomoon.io/app/#/select
* 2) After making changes and generating the font, replace everything in /fonts/icomoon with the downloaded files and folders
* 3) Copy the font files from /fonts/icomoon/fonts to /static/fonts/
* 4) Copy over the contents of the style.scss and variables.scss files per instructions below
* 5) Update the icons listed in /templates/default/styleguide/icons/availableIcons.isml to account for any changes
*/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?svvy5l");
  src: url("../fonts/icomoon.eot?svvy5l#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?svvy5l") format("truetype"), url("../fonts/icomoon.woff?svvy5l") format("woff"), url("../fonts/icomoon.svg?svvy5l#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"] span:before, [class*=" icon-"] span:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:after, [class*=" icon-"]:after,
[class^="icon-"] span:after, [class*=" icon-"] span:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 3px; }

/*
* Copy line 4 down from fonts/icomoon/variables.scss
*/
/*
* Copy line 30 down from from fonts/icomoon/style.scss
*/
.icon-connect:before {
  content: "\E942"; }

.icon-heart-o:before {
  content: "\E93E"; }

.icon-heart:before {
  content: "\E93F"; }

.icon-location:before {
  content: "\E941"; }

.icon-trophy:before {
  content: "\E935"; }

.icon-cup:before {
  content: "\E935"; }

.icon-prize:before {
  content: "\E935"; }

.icon-award:before {
  content: "\E935"; }

.icon-winner:before {
  content: "\E935"; }

.icon-tournament:before {
  content: "\E935"; }

.icon-lock:before {
  content: "\E98F"; }

.icon-location2:before {
  content: "\E948"; }

.icon-user:before {
  content: "\E971"; }

.icon-truck:before {
  content: "\E9B0"; }

.icon-tiktok:before {
  content: "\E92E"; }

.icon-linkedin:before {
  content: "\E924"; }

.icon-menu:before {
  content: "\E926"; }

.icon-chat:before {
  content: "\E925"; }

.icon-arrow-top:before {
  content: "\E90E"; }

.icon-snapchat:before {
  content: "\E908"; }

.icon-pinterest:before {
  content: "\E90A"; }

.icon-pause:before {
  content: "\E902"; }

.icon-store-desktop:before {
  content: "\E900"; }

.icon-mobile-nav-arrow:before {
  content: "\E901"; }

.icon-account:before {
  content: "\E903"; }

.icon-add-to-cart .path1:before {
  content: "\E906";
  color: black; }

.icon-add-to-cart .path2:before {
  content: "\E90C";
  margin-left: -1.03125em;
  color: #245969; }

.icon-add-to-cart .path3:before {
  content: "\E90F";
  margin-left: -1.03125em;
  color: white; }

.icon-arrow-left-thin .path1:before {
  content: "\E919";
  color: white; }

.icon-arrow-left-thin .path2:before {
  content: "\E91E";
  margin-left: -1em;
  color: black; }

.icon-arrow-right-thin .path1:before {
  content: "\E91F";
  color: white; }

.icon-arrow-right-thin .path2:before {
  content: "\E920";
  margin-left: -1em;
  color: black; }

.icon-cart:before {
  content: "\E927"; }

.icon-call:before {
  content: "\E928"; }

.icon-flags .path1:before {
  content: "\E929";
  color: white; }

.icon-flags .path2:before {
  content: "\E92A";
  margin-left: -1em;
  color: #007cc2; }

.icon-flags .path3:before {
  content: "\E92B";
  margin-left: -1em;
  color: #d42b2a; }

.icon-large-close:before {
  content: "\E92F"; }

.icon-search:before {
  content: "\E940"; }

.icon-store-mobile:before {
  content: "\E943"; }

.icon-images:before {
  content: "\E905"; }

.icon-alert:before {
  content: "\E904"; }

.icon-arrow-down:before {
  content: "\E907"; }

.icon-arrow-left:before {
  content: "\E909"; }

.icon-arrow-right:before {
  content: "\E90B"; }

.icon-arrow-up:before {
  content: "\E90D"; }

.icon-checkmark:before {
  content: "\E910"; }

.icon-close-small:before {
  content: "\E911"; }

.icon-close:before {
  content: "\E912"; }

.icon-collapse:before {
  content: "\E913"; }

.icon-edit:before {
  content: "\E914"; }

.icon-email:before {
  content: "\E915"; }

.icon-expand:before {
  content: "\E916"; }

.icon-facebook:before {
  content: "\E917"; }

.icon-favorite:before {
  content: "\E918"; }

.icon-film:before {
  content: "\E91A"; }

.icon-google:before {
  content: "\E91B"; }

.icon-guarantee:before {
  content: "\E91C"; }

.icon-image:before {
  content: "\E91D"; }

.icon-info:before {
  content: "\E921"; }

.icon-instagram:before {
  content: "\E922"; }

.icon-link:before {
  content: "\E923"; }

.icon-minus:before {
  content: "\E92C"; }

.icon-offsite:before {
  content: "\E92D"; }

.icon-play-hollow:before {
  content: "\E930"; }

.icon-plus:before {
  content: "\E931"; }

.icon-print:before {
  content: "\E932"; }

.icon-question:before {
  content: "\E933"; }

.icon-remove:before {
  content: "\E934"; }

.icon-size:before {
  content: "\E936"; }

.icon-star-empty:before {
  content: "\E937"; }

.icon-star-half:before {
  content: "\E938"; }

.icon-star:before {
  content: "\E939"; }

.icon-twitter:before {
  content: "\E93A"; }

.icon-youtube:before {
  content: "\E93B"; }

.icon-zoom-out:before {
  content: "\E93C"; }

.icon-zoom-in:before {
  content: "\E93D"; }

.icon-eye:before {
  content: "\E9CE"; }

.icon-eye-blocked:before {
  content: "\E9D1"; }

.fa {
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  text-rendering: auto;
  font-size: inherit; }

.fa-stack {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: inherit; }

/*
* TILLYS BRAND COLORS
*/
/*
* TILLYS GRAYSCALE COLORS
*/
/*
* TILLYS NOTIFICATION COLORS
*/
/*
* TILLYS INPUT COLORS
*/
/*
* COLORS
*/
/*
* GRID SYSTEM
*/
/*
* Z Indexes
*/
/*
* ASPECT RATIOS
*/
/*
* MISC
*/
/*
* FONTS (setup is handled in utilities/_fonts.scss)
*/
/*
* TEXT
*/
/*
* HEADERS
*/
/*
* BUTTONS
*/
/*
* FORMs
*/
/*
* BREADCRUMBS
*/
/*
* TOOLTIPS
*/
/*
* POPOVERS
*/
/*
* MODALS
*/
/*
* ALERTS (also affects toast messages)
*/
/*
* TOAST MESSAGES
*/
/*
* CARDS
*/
/*
* COLLAPSIBLE
*/
/*
* TABS
*/
/*
* SLIDER
*/
/*
* DROPDOWNS
*/
/*
* NAVIGATION LINKS // generic navigation links styling (header, footer, etc)
*/
/*
* HEADER
*/
/*
* FOOTER
*/
/*
* PAGE-LEVEL SETTINGS
*/
/*
* PRODUCT
*/
/*
* MINICART
*/
/*
* CART AND CHECKOUT
*/
/*
* PAGE DESIGNER MODULES
*/
/*
* HERO ASSETS
*/
/*
* CATEGORY TILE ASSETS
*/
/*
* IMAGE TEXT BLOCK ASSETS
*/
/*
* PHOTO HOTSPOTS ASSETS
*/
/*
* VIDEO ASSETS
*/
/*
* BLOG LANDING
*/
/*
* BLOG DETAIL
*/
/*
* CONTENT TILES
*/
/*
* STORE LOCATOR
*/
/*
* STORE DETAIL PAGE
*/
/*
* ACCOUNT
*/
/*
* GIFTCERTIFICATES
*/
/*
* ACCESSIBILITY
*/
/*
* CONSENT DRAWER
*/
.brands-list {
  margin-bottom: 20px; }
  .brands-list .list {
    -moz-column-count: 6;
         column-count: 6;
    margin-left: 50px;
    margin-right: 50px; }
    @media (max-width: 1022.98px) {
      .brands-list .list {
        -moz-column-count: 2;
             column-count: 2;
        margin-right: 0;
        margin-left: 0; } }
  .brands-list__item {
    display: block;
    color: #000000;
    text-decoration: none;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    padding: 3px 0; }
    .brands-list__item.visible {
      display: block; }
    .brands-list__item.hidden {
      display: none; }
  .brands-list #selected-char {
    text-transform: uppercase;
    font-weight: bold;
    display: none;
    margin: 5px 0 20px 0; }
  .brands-list.filtered .list {
    -moz-column-count: 3;
         column-count: 3;
    width: 50%; }
    @media (max-width: 1022.98px) {
      .brands-list.filtered .list {
        -moz-column-count: 2;
             column-count: 2;
        width: 100%; } }
  .brands-list.filtered #selected-char {
    display: block; }
  .brands-list.filtered.one-column .list {
    -moz-column-count: 1;
         column-count: 1; }

.alphabet-header {
  border-bottom: 1px solid #000000;
  margin: 15px 0;
  padding-bottom: 10px;
  margin-left: 50px;
  margin-right: 50px; }
  @media (max-width: 1022.98px) {
    .alphabet-header {
      margin-left: 0;
      margin-right: 0; } }
  .alphabet-header h2 {
    float: left;
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #000000; }
    @media (max-width: 1022.98px) {
      .alphabet-header h2 {
        float: none;
        width: 100%;
        text-align: center; } }
  .alphabet-header .alphabet {
    float: right;
    margin: 5px 0 0 0; }
    @media (max-width: 1022.98px) {
      .alphabet-header .alphabet {
        line-height: 25px;
        margin: 10px 0 0 0; } }
    @media (max-width: 1022.98px) {
      .alphabet-header .alphabet {
        float: none;
        width: 100%;
        text-align: center; } }
    .alphabet-header .alphabet a {
      color: #000000;
      text-decoration: none;
      margin-left: 10px;
      text-transform: uppercase; }
      .alphabet-header .alphabet a:first-child {
        margin-left: 0; }
    .alphabet-header .alphabet span {
      color: #000000;
      margin-left: 10px;
      text-transform: uppercase; }
  .alphabet-header #alphabet {
    display: inline-block; }

.brands-content-asset .featured-images .col {
  padding-top: 0;
  padding-bottom: 0; }

.brands-content-asset .featured-images .slick-slide a > img {
  width: 100%; }

.brands-content-asset .featured-images .arrows {
  z-index: 1;
  position: absolute;
  top: 50% !important;
  border: none;
  background-color: #C4BFC1;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  padding: 0;
  border-radius: 50%;
  color: #000000; }

.brands-content-asset .featured-images .arrows:hover {
  color: #000000; }

.brands-content-asset .featured-images .left-arrow {
  left: 35px; }

.brands-content-asset .featured-images .right-arrow {
  right: 35px; }

.brands-content-asset .featured-images .featured-slick {
  display: none; }
  .brands-content-asset .featured-images .featured-slick.slick-initialized {
    display: block; }

.brands-content-asset .logos {
  padding-left: 0;
  padding-right: 0; }
  .brands-content-asset .logos .logo-slick {
    display: none; }
    .brands-content-asset .logos .logo-slick.slick-initialized {
      display: block; }

.brands-container h1 {
  font-size: 20px;
  color: #000000; }

/*# sourceMappingURL=brands.css.map*/