/*
 * This reset originates from `govuk_template_mustache`, but has had irrelevant parts removed:
 * https://github.com/alphagov/govuk_template_mustache/blob/916b68135a2e83beff8db46c3c097563d278d9ef/assets/stylesheets/govuk-template.css
 */

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
article,
aside,
footer,
header,
hgroup,
nav,
section,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

main {
  display: block;
}

/*
 * 1. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 2. Force the scrollbar to always display in IE10/11
 * 3. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 *    note - font-size reduced to 62.5% to allow simple rem/px font-sizing and fallback
 *    http://snook.ca/archives/html_and_css/font-size-with-rem
 * 4. Keeps page centred in all browsers regardless of content height
 * 5. Removes Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 */
html {
  -webkit-text-size-adjust: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 1 */
  -ms-overflow-style: scrollbar;
  /* 2 */
  font-size: 62.5%;
  /* 3 */
  overflow-y: scroll;
  /* 4 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* 5 */
}

/*
 * 1. Font-size increased to compensate for change to html element font-size in
 *    order to support beta typography which was set in ems
 *    (62.5% * 160% = 100%)
 */
body {
  font-size: 160%;
  /* 1 */
}

fieldset {
  border: 0;
  padding: 0;
}

b,
strong {
  font-weight: 600;
}

img {
  border: 0;
}

abbr[title] {
  cursor: help;
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  margin-right: 2px;
}

input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}