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

/**		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; }

/*    Product Thumbnail   */
/* Used for :hover aka rollover on linked elements */
/**   ProductThumbnail styling    **/
.product-thumbnail__wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.product-thumbnail {
  background: #FFFFFF;
  margin-top: 10px;
  width: 100%;
  height: 140px; }
  @media screen and (min-width: 720px) {
    .product-thumbnail {
      margin-top: 25px; } }
  @media screen and (min-width: 720px) {
    .product-thumbnail {
      width: 48.5%; } }
  @media screen and (min-width: 375px) {
    .product-thumbnail {
      height: 140px; } }
  @media screen and (min-width: 550px) {
    .product-thumbnail {
      height: 200px; } }
  @media screen and (min-width: 720px) {
    .product-thumbnail {
      height: 160px; } }
  @media screen and (min-width: 960px) {
    .product-thumbnail {
      height: 200px; } }
  @media screen and (min-width: 1280px) {
    .product-thumbnail {
      height: 250px; } }
  @media screen and (min-width: 1920px) {
    .product-thumbnail {
      height: 320px; } }

.product-thumbnail:hover {
  background: #fff; }
  .product-thumbnail:hover h3, .product-thumbnail:hover h4, .product-thumbnail:hover h5, .product-thumbnail:hover h6, .product-thumbnail:hover p {
    color: rgba(51, 63, 72, 0.7); }
  .product-thumbnail:hover img {
    opacity: 0.3; }

.product-thumbnail__content {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .product-thumbnail__content > div {
    width: 50%; }
  .product-thumbnail__content .product-thumbnail__image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; }
    .product-thumbnail__content .product-thumbnail__image img {
      width: 100%; }
      @media screen and (min-width: 1280px) {
        .product-thumbnail__content .product-thumbnail__image img {
          width: 90%; } }
      @media screen and (min-width: 1920px) {
        .product-thumbnail__content .product-thumbnail__image img {
          width: 80%; } }
  .product-thumbnail__content .product-thumbnail__text-compare {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .product-thumbnail__content .product-thumbnail__text h3 {
    margin-top: 10%;
    margin-bottom: 2%; }
  .product-thumbnail__content .product-thumbnail__text h5 {
    margin-top: 5%;
    margin-bottom: 5%; }

#goto-compare-button {
  margin-bottom: 5px;
  justify-content: flex-end; }
  @media screen and (min-width: 720px) {
    #goto-compare-button {
      margin-bottom: 0;
      justify-content: flex-start; } }
  #goto-compare-button .compare-count {
    font-family: 'FreightSans-BoldSC';
    font-weight: normal;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 15px;
    margin-left: 1px; }
  #goto-compare-button .compare-icon {
    width: 24px;
    height: 100%;
    position: relative;
    margin-right: 5px; }
    @media screen and (min-width: 720px) {
      #goto-compare-button .compare-icon {
        width: 100%; } }
  #goto-compare-button .compare-icon_wrapper {
    display: flex;
    justify-content: center;
    align-items: center; }
  #goto-compare-button .compare-count_wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  #goto-compare-button img {
    height: 25px;
    width: 25px;
    margin: 0; }

.compare {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 50;
  cursor: pointer; }
  .compare img {
    width: 20px;
    margin: 10px; }
  .compare .compare-on-icon {
    display: none; }
  .compare .compare-off-icon {
    display: block; }

.compare-on .compare-on-icon {
  display: block; }
.compare-on .compare-off-icon {
  display: none; }

.pricing h5 {
  font-family: 'FreightSans-BoldSC'; }

/*    Padding between Content and the Footer   */
.layout-wrapper {
  padding-bottom: 30px; }

.link-product {
  padding-left: 0; }
  .link-product img {
    margin-bottom: 0;
    margin-right: 10px;
    height: 30px; }
  .link-product h5 {
    display: none; }
  .link-product p {
    display: block; }

/*    Main Content    */
.product__desktop-show {
  display: none; }
  @media screen and (min-width: 720px) {
    .product__desktop-show {
      display: block; } }

.container__desktop-spacing {
  padding-top: 30px; }

.product-image__desktop {
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }
  .product-image__desktop img {
    cursor: crosshair !important;
    width: 100%; }

.product-links-warranty__desktop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 10px; }
  .product-links-warranty__desktop h4 {
    margin-top: 15px;
    margin-bottom: 10px; }

.product-title__desktop {
  margin-bottom: 40px; }
  .product-title__desktop h2, .product-title__desktop h3 {
    margin-top: 0;
    margin-bottom: 5px; }

.product-title__desktop.pricing h3,
.product-title__mobile.pricing h3 {
  font-family: 'FreightSans-BoldSC'; }

.product__mobile-show {
  display: block; }
  @media screen and (min-width: 720px) {
    .product__mobile-show {
      display: none; } }
  .product__mobile-show h2 {
    margin-bottom: 0; }
  .product__mobile-show h3 {
    margin-top: 5px;
    margin-bottom: 30px; }

.product-wrapper__mobile {
  background: white;
  margin-bottom: 15px; }

.product-image__mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0; }
  .product-image__mobile img {
    width: 100%; }
    @media screen and (min-width: 550px) {
      .product-image__mobile img {
        width: 60%; } }

.product-links__mobile {
  border-top: solid 1px #333F48; }
  .product-links__mobile .link-product {
    justify-content: flex-start; }

.related-products {
  padding-top: 20px;
  padding-bottom: 5px;
  border-bottom: solid 1px #333F48;
  height: 50px; }
  @media screen and (min-width: 720px) {
    .related-products {
      padding-bottom: 10px; } }
  @media screen and (min-width: 1280px) {
    .related-products {
      padding-bottom: 20px; } }
  .related-products h4 {
    margin-bottom: 0; }
  .related-products > div {
    width: 50%;
    float: left; }
  .related-products .compare {
    float: right;
    padding-top: 6px; }
    @media screen and (min-width: 720px) {
      .related-products .compare {
        padding-top: 18px; } }
    @media screen and (min-width: 1280px) {
      .related-products .compare {
        padding-top: 14px; } }
  .related-products .compare-count {
    color: #D0D3D4 !important; }

table {
  margin-bottom: 40px; }
  @media screen and (min-width: 720px) {
    table {
      margin-bottom: 0; } }

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