body {
  padding: 70px 0 0 0;
}

.row.no-padding {
  [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.img-responsive {
  width: 100%;
}

#loading {
  position: fixed;
  z-index: 999;
  height: 4em;
  width: 100%;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  text-align: center;

  .fa {
    color: $body-bg;
  }

  &:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba($gray,0.4);
  }
}

.navbar-brand img {
  max-height: 25px;
}

a {
  cursor: pointer;
}

.btn.add-to-cart {
  span {
    display: inline-block;
  }

  .caption {
    margin-right: 5px;
    font-weight: bold;
    border-right: solid 2px rgba($body-bg, 0.4);
    padding-right: 7px;
  }

  &.btn-default {
    .caption {
      border-right-color: rgba($gray-dark, 0.5);
    }
  }
}

.input-group {
  .input-group-btn .btn .glyphicon {
    line-height: 20px;
  }
}

#signin {
  nav a {
    display: block;
  }
}

#initializing {
  text-align: center;
}

.aside {
  width: 100%;
}

td {
  &.number {
    text-align: right;
  }

  .total & {
    font-weight: bold;
  }
}

footer {
  background: $gray;
  color: $gray-light;
  padding: 10px 5px 5px;

  a {
    color: $gray-light;
    font-weight: bold;

    &:hover {
      color: #fff;
    }
  }

  .dynamo {
    .level1, .level2, .level3 {
      text-align: center;
    }
    span {
      display: inline-block;
      padding: 0px 6px;
      font-weight: bolder;
    }
  }
}

form {
  p.error {
    color: $brand-danger;
  }
}

/* Sticky footer styles
-------------------------------------------------- */
$footer-height: 80px;

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: $footer-height;
}

#wrap {
  padding-bottom: 20px;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: $footer-height;
}

.product-listing {
  .product {
    text-align: center;
    min-height: 300px;

    img {
      transition: opacity 0.3s ease-in;
    }

    .title, .with-variants, .without-variants {
      position: absolute;
      width: 100%;
      display: none;
      padding: 15px;
    }

    .with-variants, .without-variants {
      bottom: 15px;
    }

    .title a {
      text-decoration: none;
    }

    &:hover {
      img {
        opacity: 0.3;
      }

      .title, .with-variants, .without-variants {
        display: block;
        z-index: 2;
      }
    }
  }
}

section.gallery {
  section.thumbs .thumb {
    cursor: pointer;

    &.selected img {
      border-color: $brand-success;
    }
  }
}

#checkout-details {
  .step {
    opacity: 0.6;

    &.active, &.review {
      opacity: 1;
    }

    &.loading {
      opacity: 0.3;
    }

    .edit {
      position: absolute;
      z-index: 3;
      background: rgba(255,255,255, 0.4);
      height: calc(100%);
      width: calc(100%);

      span.fa {
        font-size: 3em;
        position: relative;
        left: -1em;
        color: rgba(0,0,0,0.4);
      }

      &:hover {
        background: rgba(255,255,255, 0.3);

        span.fa {
          color: rgba(0,0,0,0.8);
        }
      }
    }
  }
}

a.cart-link.visible-xs {
  float: right;
  padding: 15px;
}

@media (min-width: $screen-sm-min) {
  .aside {
    width: 50%;
  }
}