/*
  vinyldye.co.uk - our own small fixes on top of the Journal 2 theme.
  Loaded last of the theme's stylesheets (see common/header.tpl), so nothing here is lost
  when a Journal file is replaced by an upgrade.
*/

/*
  Banners typed into CMS blocks carry width="320" height="320". Where a column is narrower
  than 320px - two to a row on a phone - the width shrank but the height stayed 320, so every
  square banner was drawn 176 x 320, squashed sideways. With height:auto it keeps its shape.
*/
.cms-block .editor-content img[width][height],
.journal-cms-block .editor-content img[width][height] {
  max-width: 100%;
  height: auto;
}

/*
  On a phone the breadcrumb links were 17px tall: too small a target for a finger (24px is
  the accepted minimum). Wider screens already give them a 38px line.
*/
@media only screen and (max-width: 760px) {
  ul.breadcrumb li a {
    display: inline-block;
    line-height: 24px;
  }
}