/*
|--------------------------------------------------------------------------
| 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 **/
@media screen {
  .ma-brand-gallery .brand-gallary-title h3.print-title, .ma-brand-gallery .brand-gallary-title h6.print-subtitle {
    display: none; } }

@media print {
  .ma-brand-gallery .brand-gallary-title h5.screen-mode-title {
    display: none; }
  .ma-brand-gallery .brand-gallary-title h3.print-title, .ma-brand-gallery .brand-gallary-title h6.print-subtitle {
    display: block; } }

.ma-brand-gallery .brand-list .brand-container {
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
  margin-right: -0.5625rem; }
  @media screen and (max-width: 1025px) {
    .ma-brand-gallery .brand-list .brand-container {
      justify-content: space-around; } }
  @media screen and (max-width: 481px) {
    .ma-brand-gallery .brand-list .brand-container {
      margin-right: 0; } }

.ma-brand-gallery .brand-list .wrapper-container.element-1 {
  width: 100%; }
  .ma-brand-gallery .brand-list .wrapper-container.element-1 .brand-item {
    width: 25%; }

.ma-brand-gallery .brand-list .wrapper-container.element-2 {
  width: 50%;
  display: flex;
  justify-content: center; }
  .ma-brand-gallery .brand-list .wrapper-container.element-2 .brand-item {
    width: 50%; }

.ma-brand-gallery .brand-list .wrapper-container.element-3 {
  width: 33.333%; }
  .ma-brand-gallery .brand-list .wrapper-container.element-3 .brand-item {
    width: calc(100% - 30px); }

.ma-brand-gallery .brand-list .wrapper-container.element-4 {
  width: 25%; }
  .ma-brand-gallery .brand-list .wrapper-container.element-4 .brand-item {
    width: calc(100% - 30px); }

@media screen and (max-width: 1025px) {
  .ma-brand-gallery .brand-list .wrapper-container.element-1, .ma-brand-gallery .brand-list .wrapper-container.element-2, .ma-brand-gallery .brand-list .wrapper-container.element-3, .ma-brand-gallery .brand-list .wrapper-container.element-4 {
    width: calc(33.333% - 30px); }
    .ma-brand-gallery .brand-list .wrapper-container.element-1 .brand-item, .ma-brand-gallery .brand-list .wrapper-container.element-2 .brand-item, .ma-brand-gallery .brand-list .wrapper-container.element-3 .brand-item, .ma-brand-gallery .brand-list .wrapper-container.element-4 .brand-item {
      width: 100%; } }

@media screen and (max-width: 480px) {
  .ma-brand-gallery .brand-list .wrapper-container.element-1, .ma-brand-gallery .brand-list .wrapper-container.element-2, .ma-brand-gallery .brand-list .wrapper-container.element-3, .ma-brand-gallery .brand-list .wrapper-container.element-4 {
    width: 100%; }
    .ma-brand-gallery .brand-list .wrapper-container.element-1 .brand-item, .ma-brand-gallery .brand-list .wrapper-container.element-2 .brand-item, .ma-brand-gallery .brand-list .wrapper-container.element-3 .brand-item, .ma-brand-gallery .brand-list .wrapper-container.element-4 .brand-item {
      width: 100%; } }

.ma-brand-gallery .brand-list .brand-container .brand-item {
  background: #FFF;
  margin-right: 0.625rem;
  margin-bottom: 1.875rem;
  height: 9.375rem;
  transition: box-shadow ease-in-out 400ms; }
  .ma-brand-gallery .brand-list .brand-container .brand-item:hover, .ma-brand-gallery .brand-list .brand-container .brand-item:focus {
    box-shadow: 0 0.25rem 0.5rem #EDE4C5;
    border: 0.0625rem solid #28343C; }
  @media screen and (max-width: 480px) {
    .ma-brand-gallery .brand-list .brand-container .brand-item {
      width: calc(50% - 10px);
      margin-bottom: 0.625rem;
      margin-right: 0; } }

.ma-brand-gallery .brand-list .brand-item .brand-item-link {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%; }
  .ma-brand-gallery .brand-list .brand-item .brand-item-link .brand-img-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0.9375rem 1.5625rem;
    display: flex;
    align-items: center;
    justify-content: center; }
  .ma-brand-gallery .brand-list .brand-item .brand-item-link .brand-img-wrapper img {
    width: 100%;
    height: auto;
    object-fit: contain; }
    @media screen and (max-width: 481px) {
      .ma-brand-gallery .brand-list .brand-item .brand-item-link .brand-img-wrapper img {
        max-height: none !important; } }

@media print {
  .brand-item {
    width: 50% !important; } }

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