/*
|--------------------------------------------------------------------------
| Color Variables
|--------------------------------------------------------------------------
*/
/************* Screen Sizes Breakpoints Variables *************/
/*
|--------------------------------------------------------------------------
| Screen Sizes Breakpoints Variables
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Grid Columns, Options
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Spacing variables
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Gutter Variables
|--------------------------------------------------------------------------
*/
/* Genral Functions - Non-site-specific Functionality */
/* Functions for colors*/
/*** Foundation Functions **/
.page-container.category-list .sub-title {
  padding: 0.625rem;
  font-size: 0.75rem;
  margin-bottom: 1.25rem; }

.page-container.category-list .category-blogs > .cms-zone.clearfix.cms-editMode {
  width: 100%; }

.page-container.category-list ul.category-list {
  list-style: none;
  margin: 0;
  margin-top: -0.9375rem;
  margin-left: -0.9375rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.625rem; }
  .page-container.category-list ul.category-list li {
    width: calc(20% - 0.9375rem);
    text-align: center;
    border: 1px solid #E5E5DB;
    background-color: #FFF;
    font-size: 0.6875rem;
    padding: 0;
    margin-top: 0.9375rem;
    margin-left: 0.9375rem;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 1026px) {
      .page-container.category-list ul.category-list li {
        width: calc(50% - 0.9375rem); } }
    @media screen and (max-width: 481px) {
      .page-container.category-list ul.category-list li {
        width: 100%; } }
    .page-container.category-list ul.category-list li a {
      font-family: TVNord-Cond;
      font-size: 1rem;
      text-transform: uppercase;
      text-decoration: none;
      padding: 0;
      color: #4F4F4F;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%; }
      @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        .page-container.category-list ul.category-list li a {
          display: block; } }
      .page-container.category-list ul.category-list li a .img-container {
        width: 100%;
        max-height: 13.4375rem; }
      .page-container.category-list ul.category-list li a img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        max-height: 13.4375rem; }
      .page-container.category-list ul.category-list li a .title {
        font-size: 1rem;
        line-height: 1.1875rem;
        margin-bottom: 0;
        height: 2.5rem;
        overflow: hidden; }
      .page-container.category-list ul.category-list li a .description {
        font-weight: 300;
        font-size: 0.6875rem;
        line-height: 0.875rem;
        margin-top: 0.3125rem;
        font-family: "Adelle";
        height: auto;
        max-height: 4.0625rem;
        overflow: hidden;
        line-height: 1.2;
        display: block;
        vertical-align: middle;
        text-align: center;
        text-transform: initial; }
        .page-container.category-list ul.category-list li a .description:first-letter {
          text-transform: capitalize; }
      .page-container.category-list ul.category-list li a .text-wrapper {
        padding: 0.9375rem;
        flex: 1;
        flex-direction: column;
        display: flex;
        width: 100%;
        justify-content: flex-start; }

/*# sourceMappingURL=product-category.css.map */