/*
BIONIKE DEFAULT STYLES FOR HTML TAGS
*/
HTML, BODY {
  line-height: 1.5rem; }

HTML {
  background-color: #1d252d; }

BODY {
  background-color: #fff; }

/*
HEADING*/
H1, H2 {
  /*Set the light version of the font*/
  font-weight: 300; }

HEADER H2 {
  margin: 0 0 3px 0;
  font-size: 1.5rem; }

HR {
  width: 40px;
  height: 2px;
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
  border-width: 0;
  background-color: #1d252d; }

/* LINKS */
A:focus {
  text-decoration: none; }

/*CONTENT*/
MAIN {
  padding-bottom: 3rem;
  min-height: 400px;
  /*## SECTION HEADERS*/ }
  MAIN HEADER {
    padding: 3rem 0 2rem;
    text-align: center; }
    MAIN HEADER HR {
      background-color: #c5aa75; }

/*LIST*/
UL LI {
  list-style: disc;
  margin: 0.5rem 0 0.5rem 1rem;
  padding-left: 1rem; }

OL LI {
  list-style: numeric; }

HEADER LI {
  list-style: none;
  margin: 0;
  padding: 0; }

/*PARAGRAPHS*/
P A {
  font-weight: bold; }

/*CITES*/
BLOCKQUOTE {
  position: relative;
  font-size: 1.2rem;
  border-left: 0;
  margin-bottom: 4rem;
  color: #1d252d;
  font-weight: 300; }
  BLOCKQUOTE P {
    position: relative;
    color: #1d252d;
    z-index: 2;
    line-height: 1.5rem;
    margin: 0.5rem 1rem 0; }
  BLOCKQUOTE:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1rem;
    border: 5px solid #eadae3; }
  BLOCKQUOTE:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 1rem;
    bottom: -1rem;
    right: 1rem;
    background-color: #fff; }

/*MEDIA*/
PICTURE {
  display: block; }