/**

* Set `margin-bottom` to maintain vertical rhythm
*/
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure,
%vertical-rhythm {
  margin-bottom: $spacing-unit / 2;
}

dt {

font-style: italic;
font-weight: 700;

}

dd {

display: block;
margin-inline-start: 40px;

}

/**

* Figures
*/
figure > img {
 display: block;

}

figcaption {

font-size: $small-font-size;

}

/**

* Lists
*/
ul, ol {
 margin-left: $spacing-unit;

}

li {

> ul,
> ol {
  margin-bottom: 0;
}

}

.header-link {

font-size: 1.5rem;
margin-left: 10px;
display: none;
vertical-align: middle;
margin-top: -5px;
&:hover {
  text-decoration: none;
}

}

/**

* Headings
*/
h1 {
 font-size: 2rem;

}

h1, h2, h3, h4, h5, h6 {
 font-weight: $base-font-weight;

 &:hover .header-link{
   display: inline-block;
 }

}

/**

* Links
*/
a {
 color: $link-color;
 text-decoration: none;

 &:visited {
   color: darken($link-color, 15%);
 }

 &:hover {
   text-decoration: underline;
 }

}

/**

* Blockquotes
*/
blockquote {
 color: $grey-color;
 border-left: 4px solid $nav-blue;
 padding: 1rem;
 border-radius: 3px;
 padding-left: $spacing-unit / 2;
 font-style: italic;
 background: #333;
 box-shadow: 0 1px 10px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1), 0 -1px 0 rgba(0,0,0,0.5);
 transition: all 450ms;

 > :last-child {
   margin-bottom: 0;
 }

 &:hover {
   border-left: 4px solid rgb(0, 172, 0);
 }

}

/**

* Tables
*/
table {
 margin-bottom: $spacing-unit;
 width: 100%;
 text-align: left;
 color: $text-color;
 border-collapse: collapse;
 border: 1px solid $dark;
 box-shadow: $inset-box-shadow;

 tr {
   &:nth-child(even) {
     background-color: #333333;
     transition: all 450ms;
   }
   &:hover {
     background-color: $dark;
   }
 }
 th, td {
   padding: ($spacing-unit / 3) ($spacing-unit / 2);
 }
 th {
   background-color: $nav-blue;
   border-bottom: 1px solid $dark;
 }

}