/*
|--------------------------------------------------------------------------
| 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 **/
.ma-brand-categories {
  margin-bottom: 1.875rem; }
  .ma-brand-categories ul.category-list {
    list-style: none;
    margin: 0;
    margin-top: -0.9375rem;
    margin-left: -0.9375rem;
    display: flex;
    flex-wrap: wrap; }
    .ma-brand-categories ul.category-list li {
      width: calc(20% - 0.9375rem);
      text-align: center;
      border: 1px solid #E5E5DB;
      background-color: #FFF;
      margin-top: 0.9375rem;
      margin-left: 0.9375rem;
      overflow: hidden; }
      @media screen and (max-width: 1026px) {
        .ma-brand-categories ul.category-list li {
          width: calc(50% - 0.9375rem); } }
      @media screen and (max-width: 481px) {
        .ma-brand-categories ul.category-list li {
          width: 100%; } }
      .ma-brand-categories ul.category-list li a {
        font-family: TVNord-Cond;
        font-size: 1rem;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        color: #00214A;
        justify-content: space-between;
        height: 100%; }
      .ma-brand-categories ul.category-list li a .category-meta {
        padding: 0.9375rem;
        flex: 1;
        flex-direction: column;
        display: flex;
        width: 100%;
        justify-content: flex-start; }
        @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
          .ma-brand-categories ul.category-list li a .category-meta {
            flex: 1 0 auto; } }
    .ma-brand-categories ul.category-list .image-container {
      width: 100%;
      max-height: 13.4375rem; }
      .ma-brand-categories ul.category-list .image-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        max-height: 13.4375rem; }
    .ma-brand-categories ul.category-list .category-title {
      margin-bottom: 0.5rem; }
    .ma-brand-categories ul.category-list .category-desc {
      font-family: Adelle;
      font-size: 0.6875rem;
      color: #4F4F4F;
      text-transform: initial; }

/*# sourceMappingURL=ma-brand-categories.css.map */