h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;

    margin-bottom: .5rem;

    color: inherit;
}

h1,
.h1
{
    font-size: 2.5rem;
}

h2,
.h2
{
    font-size: 2rem;
}

h3,
.h3
{
    font-size: 1.75rem;
}

h4,
.h4
{
    font-size: 1.5rem;
}

h5,
.h5
{
    font-size: 1.25rem;
}

h6,
.h6
{
    font-size: 1rem;
}

.lead
{
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1
{
    font-size: 6rem;
    font-weight: 300;
}

.display-2
{
    font-size: 5.5rem;
    font-weight: 300;
}

.display-3
{
    font-size: 4.5rem;
    font-weight: 300;
}

.display-4
{
    font-size: 3.5rem;
    font-weight: 300;
}

hr
{
    margin-top: 1rem;
    margin-bottom: 1rem;

    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

small,
.small
{
    font-size: 80%;
    font-weight: normal;
}

mark,
.mark
{
    padding: .2em;

    background-color: #ffe1c6;
}

.list-unstyled
{
    padding-left: 0;

    list-style: none;
}

.list-inline
{
    padding-left: 0;

    list-style: none;
}

.list-inline-item
{
    display: inline-block;
}

.list-inline-item:not(:last-child)
{
    margin-right: 5px;
}

.initialism
{
    font-size: 90%;

    text-transform: uppercase;
}

.blockquote
{
    font-size: 1.25rem;

    margin-bottom: 1rem;
    padding: .5rem 1rem;

    border-left: .25rem solid #eceeef;
}

.blockquote-footer
{
    font-size: 80%;

    display: block;

    color: #818a91;
}

.blockquote-footer::before
{
    content: '\2014 \00A0';
}

.blockquote-reverse
{
    padding-right: 1rem;
    padding-left: 0;

    text-align: right;

    border-right: .25rem solid #eceeef;
    border-left: 0;
}

.blockquote-reverse .blockquote-footer::before
{
    content: '';
}

.blockquote-reverse .blockquote-footer::after
{
    content: '\00A0 \2014';
}

dl.row > dd + dt
{
    clear: left;
}

.list-group
{
    margin-bottom: 0;
    padding-left: 0;
}

.list-group-item
{
    position: relative;

    display: block;

    margin-bottom: -1px;
    padding: .75rem 1.25rem;

    border: 1px solid #ddd;
    background-color: #fff;
}

.list-group-item:first-child
{
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.list-group-item:last-child
{
    margin-bottom: 0;

    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover
{
    cursor: not-allowed;

    color: #818a91;
    background-color: #eceeef;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading
{
    color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text
{
    color: #818a91;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover
{
    z-index: 2;

    text-decoration: none;

    color: #fff;
    border-color: #62b3e5;
    background-color: #62b3e5;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small
{
    color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text
{
    color: white;
}

.list-group-flush .list-group-item
{
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-item-action
{
    width: 100%;

    text-align: inherit;

    color: #555;
}

.list-group-item-action .list-group-item-heading
{
    color: #333;
}

.list-group-item-action:focus,
.list-group-item-action:hover
{
    text-decoration: none;

    color: #555;
    background-color: #f5f5f5;
}

.list-group-item-success
{
    color: #00833e;
    background-color: #d7e8c4;
}

a.list-group-item-success,
button.list-group-item-success
{
    color: #00833e;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading
{
    color: inherit;
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover
{
    color: #00833e;
    background-color: #cbe1b2;
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover
{
    color: #fff;
    border-color: #00833e;
    background-color: #00833e;
}

.list-group-item-info
{
    color: #0065a0;
    background-color: #cce5f4;
}

a.list-group-item-info,
button.list-group-item-info
{
    color: #0065a0;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading
{
    color: inherit;
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover
{
    color: #0065a0;
    background-color: #b7daef;
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover
{
    color: #fff;
    border-color: #0065a0;
    background-color: #0065a0;
}

.list-group-item-warning
{
    color: #d75f00;
    background-color: #ffe1c6;
}

a.list-group-item-warning,
button.list-group-item-warning
{
    color: #d75f00;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading
{
    color: inherit;
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover
{
    color: #d75f00;
    background-color: #ffd4ad;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover
{
    color: #fff;
    border-color: #d75f00;
    background-color: #d75f00;
}

.list-group-item-danger
{
    color: #d51067;
    background-color: #eed9e1;
}

a.list-group-item-danger,
button.list-group-item-danger
{
    color: #d51067;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading
{
    color: inherit;
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover
{
    color: #d51067;
    background-color: #e6c7d3;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover
{
    color: #fff;
    border-color: #d51067;
    background-color: #d51067;
}

.list-group-item-heading
{
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text
{
    line-height: 1.3;

    margin-bottom: 0;
}

/*
  Typography

  Style guide 2.3
 */
/*
  Headings

  Style guide: 2.3.3
*/
/*
  Heading 1

  Markup: <h1>Heading 1</h1>

  Style guide 2.3.3.1
*/
h1
{
    color: #62b3e5;
}

/*
  Heading 2

  Markup: <h2>Heading 2</h2>

  Style guide 2.3.3.2
*/
/*
  Heading 3

  Markup: <h3>Heading 3</h3>

  Style guide 2.3.3.3
*/
/*
  Heading 4

  Markup: <h4>Heading 4</h4>

  Style guide 2.3.3.4
*/
/**
 * @todo Write styleguide from here. Follow Bootstrap's sections maybe.
 */
p:last-child
{
    margin-bottom: 0;
}

ol,
ul
{
    padding-left: 1.5em;
}

.popover ol:last-child,
.popover ul:last-child
{
    margin-bottom: 0;
}

.list-inline > li
{
    display: inline-block;
}

.list-inline > li:not(:last-child)
{
    margin-right: 5px;
}

blockquote
{
    font-size: 1.25rem;
    font-style: italic;

    padding: .5rem 1rem;

    color: #999;
    border-left: 4px solid #999;
}
