// Global styling for this template
body {
  font-size: 20px;
  color: $gray-dark;
  @include serif-font;
}

p {
  line-height: 1.5;
  margin: 30px 0;
  a {
    text-decoration: underline;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 800;
  @include sans-serif-font;
}

a {
  color: $gray-dark;
  @include transition-all;
  &:focus,
  &:hover {
    color: $theme-primary;
  }
}

a img {
  &:focus,
  &:hover {
    cursor: zoom-in;
  }
}

blockquote {
  font-style: italic;
  color: $gray-light;
}

.section-heading {
  font-size: 36px;
  font-weight: 700;
  margin-top: 60px;
}

.caption {
  font-size: 14px;
  font-style: italic;
  display: block;
  margin: 0;
  padding: 10px;
  text-align: center;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

::-moz-selection {
  color: white;
  background: $theme-primary;
  text-shadow: none;
}

::selection {
  color: white;
  background: $theme-primary;
  text-shadow: none;
}

img::selection {
  color: white;
  background: transparent;
}

img::-moz-selection {
  color: white;
  background: transparent;
}

body {
  -webkit-tap-highlight-color: $theme-primary;
}
