openfoodnetwork/app/assets/stylesheets/darkswarm/distributor_header.scss

@import "mixins";
@import 'typography';

$shop-navigation-zindex: 20;

section {
  :not(shop) navigation {
    box-shadow: $distributor-header-shadow;
  }
}

.darkswarm navigation {
  display: block;
  background: $white;
  position: relative;
  z-index: $shop-navigation-zindex;

  .details {
    box-sizing: border-box;
    display: block;
    min-height: 150px;
    padding: 30px 0 0;
    position: relative;

    img {
      display: block;
      height: 100px;
      width: 100px;
      margin-right: 12px;
    }

    location {
      @include headingFont;
    }

    @include breakpoint(tablet) {
      location, location + small {
        display: block;
      }
    }

    #distributor_title h3 {
      margin-top: 0;
      padding-top: 0.45em;

      @include breakpoint(tablet) {
        margin-bottom: 8px;
      }
    }
  }
}