/* Used for :hover aka rollover on linked elements */
/**		Background Theme	**/
/* Used for :hover aka rollover on linked elements */
/**		Background Colour	 **/
body {
  background: #FFFFFF; }

/**		Dark Navigation & Menu & Frame	**/
/* Used for :hover aka rollover on linked elements */
/**		Dark Navigation & Menu & Frame	**/
.logo-light {
  display: none; }

.logo-dark {
  display: block; }

.nav-mobile__container {
  background-color: rgba(255, 255, 255, 0.8); }

.frame__bottom,
.frame__left-right {
  background: #333F48; }

.menu-corner, .nav-mobile__spacer-item {
  background-color: #333F48; }

.nav-desktop__menu-item h3, #menu-toggle h2 {
  color: #333F48; }

/**		.Granite Text Colouring	   **/
.layout-wrapper h1, .layout-wrapper h2, .layout-wrapper h3, .layout-wrapper h4, .layout-wrapper h5, .layout-wrapper h6, .layout-wrapper p {
  color: #333F48; }

a:hover p {
  color: rgba(51, 63, 72, 0.7); }

footer a:hover h2, footer a:hover h3, footer a:hover h4, footer a:hover h5, footer a:hover p {
  color: #D0D3D4; }

/**		Page Header		**/
/* Used for :hover aka rollover on linked elements */
/**		 Styling for Page Header with About and Products buttons  	**/
.page-header-brands__spacer {
  padding-top: 50px;
  padding-bottom: 10px; }
  @media screen and (min-width: 720px) {
    .page-header-brands__spacer {
      padding-top: 100px;
      padding-bottom: 30px; } }

.page-header-brands__logo {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: flex-start; }
  .page-header-brands__logo img {
    margin-top: 50px;
    margin-bottom: 20px;
    width: 100%;
    height: auto; }
    @media screen and (min-width: 720px) {
      .page-header-brands__logo img {
        width: auto;
        height: 100%; } }

.page-header-brands__buttons {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center; }
  @media screen and (min-width: 550px) {
    .page-header-brands__buttons {
      justify-content: center; } }

.page-header-brands__buttons-item {
  border: solid 2px #FFFFFF;
  width: 49%;
  height: 30px; }
  .page-header-brands__buttons-item p {
    margin: 0;
    color: #FFFFFF; }
  .page-header-brands__buttons-item a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center; }
  @media screen and (min-width: 550px) {
    .page-header-brands__buttons-item {
      width: 120px; } }
  @media screen and (min-width: 720px) {
    .page-header-brands__buttons-item {
      width: 120px; } }
  @media screen and (min-width: 1280px) {
    .page-header-brands__buttons-item {
      width: 150px; } }

.page-header-brands__buttons-item:last-child {
  margin-left: 5px; }
  @media screen and (min-width: 720px) {
    .page-header-brands__buttons-item:last-child {
      margin-left: 10px; } }
  @media screen and (min-width: 1280px) {
    .page-header-brands__buttons-item:last-child {
      margin-left: 15px; } }

.page-header-brands__buttons-item:hover {
  background-color: #FFFFFF; }
  .page-header-brands__buttons-item:hover p {
    color: #333F48; }

/* Set About to 'Active'/'Selected' */
.button-left {
  background-color: #FFFFFF; }
  .button-left p {
    color: #333F48; }

/**		Uniform Sectino Height		**/
.brands-show-leadcontent,
.brands-micro-site__box,
.brands-show-productgroups__wrapper {
  min-height: 0px; }
  @media screen and (min-width: 550px) {
							 
    .brands-micro-site__box,
    .brands-show-productgroups__wrapper {
      min-height: 250px; } }
  @media screen and (min-width: 720px) {
							 
    .brands-micro-site__box,
    .brands-show-productgroups__wrapper {
      min-height: 380px; } }
  @media screen and (min-width: 960px) {
							 
    .brands-micro-site__box,
    .brands-show-productgroups__wrapper {
      min-height: 380px; } }
  @media screen and (min-width: 1280px) {
							 
    .brands-micro-site__box,
    .brands-show-productgroups__wrapper {
      min-height: 420px; } }
  @media screen and (min-width: 1920px) {
							 
    .brands-micro-site__box,
    .brands-show-productgroups__wrapper {
      min-height: 640px; } }

.brands-show-no-products {
  min-height: 0px; 
}

/**		Lead Content		**/
.brands-show-leadcontent {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media screen and (min-width: 720px) {
    .brands-show-leadcontent h2 {
      margin-top: 10px; } }
  .brands-show-leadcontent p {
    line-height: 140%;
    margin-top: 0;
    margin-bottom: 30px; }
    @media screen and (min-width: 720px) {
      .brands-show-leadcontent p {
        margin-top: 10px;
        margin-bottom: 0; } }

/**		Micro Sites		**/
/* Used for :hover aka rollover on linked elements */
/***************************************
**   MicroSites - Section height      **
***************************************/
.brands-micro-site__box {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media screen and (min-width: 550px) {
    .brands-micro-site__box {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: stretch; } }

.right {
  float: right; }

/***************************************
**   MicroSites - Black & White Text  **
***************************************/
.brands-micro-site__content h3, .brands-micro-site__content p {
  margin-top: 0; }
  @media screen and (min-width: 550px) {
    .brands-micro-site__content h3, .brands-micro-site__content p {
      width: 100%; } }
.brands-micro-site__content .white h3, .brands-micro-site__content .white p {
  color: #FFFFFF; }
.brands-micro-site__content .black h3, .brands-micro-site__content .black p {
  color: #333F48; }

.brands-micro-site__text {
  display: none; }
  @media screen and (min-width: 720px) {
    .brands-micro-site__text {
      display: block; } }

/**		Product Groups		**/
.brands-show-productgroups__wrapper {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media screen and (min-width: 1280px) {
    .brands-show-productgroups__wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center; } }

.col-4-l {
  height: auto; }

/* Used for :hover aka rollover on linked elements */
/**   ProductGroup Thumbnail styling    **/
.productgroup-thumbnail {
  text-align: center; }
  .productgroup-thumbnail img {
    height: 120px; }
    @media screen and (min-width: 550px) {
      .productgroup-thumbnail img {
        height: 120px; } }
    @media screen and (min-width: 720px) {
      .productgroup-thumbnail img {
        height: 120px; } }
    @media screen and (min-width: 1280px) {
      .productgroup-thumbnail img {
        height: 200px; } }

.productgroup-thumbnail:hover p {
  color: rgba(51, 63, 72, 0.7); }

/*# sourceMappingURL=brands-show-page.css.map */