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

@import 'typography';

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

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

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

    select {
      width: 200px;
    }

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

    location {
      @include headingFont;
    }

    @media all and (max-width: 768px) {
      location, location + small {
        display: block;
      }
    }

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

      @media all and (max-width: 768px) {
        margin-bottom: 8px;
      }
    }
  }
}