/*
|--------------------------------------------------------------------------
| 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-details .brand-details-heading {
  margin-bottom: 1.875rem;
  margin-top: 1.875rem; }
  .ma-brand-details .brand-details-heading .brand-details-description a {
    font-size: 1.125rem;
    line-height: 1.0625rem; }

.ma-brand-details .brand-description .brand-content-widget {
  background: #FFF;
  padding: 1.875rem 1.5625rem;
  margin-bottom: 3.125rem; }

.ma-brand-details section.brand-detials-gallery .brand-logo {
  width: calc(33.33333% - 15px); }

.ma-brand-details section.brand-detials-gallery .brand-blogs {
  width: calc(66%);
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap; }
  .ma-brand-details section.brand-detials-gallery .brand-blogs .blog-post {
    width: 48%;
    display: inline-block;
    margin-right: 0; }
    @media screen and (max-width: 480px) {
      .ma-brand-details section.brand-detials-gallery .brand-blogs .blog-post {
        width: 100%;
        margin-bottom: 0.625rem; } }
  .ma-brand-details section.brand-detials-gallery .brand-blogs .cms-zone.clearfix.cms-editMode {
    width: 100%; }

.ma-brand-details section.brand-detials-gallery .brand-logo {
  padding: 0.9375rem 1.125rem;
  min-height: 16.25rem; }
  .ma-brand-details section.brand-detials-gallery .brand-logo .widget-brandLogo {
    height: 100%; }

.ma-brand-details section.brand-detials-gallery .shop-all-products a {
  text-decoration: none;
  font-size: 1.125rem; }

.ma-brand-details section.brand-detials-gallery .shop-all-products a:hover {
  text-decoration: underline; }

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