/*! START - minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! END - minireset.css */

body {
    background-color: white;
    color: #111111;
    font-family: Helvetica, sans-serif;
}

a,
a:link,
a:hover,
a:active,
a:visited {
    color: #111111;
    text-decoration: none;
}

header {
    background-color: #086910;
    padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}

header h1 a,
header h1 a:link,
header h1 a:hover,
header h1 a:active,
header h1 a:visited {
    color: white;
    font-size: 1.75rem;
    font-weight: bold;
}

header h2 {
    color: white;
    margin: 0.25rem 0 0 0.12rem;
}

footer {
    font-size: small;
    margin: 2.0rem 0 0 0;
    padding: 1.5rem;
    text-align: right;
}

/********** PAGE-VIDEOS **********/

.page-videos .videos {
    border-collapse: collapse;
    margin: 1.0rem 0 0.5rem 0;
}

.page-videos .video .channel {
    color: lightgray;
    text-align: right;
    padding: 0 0 0.5rem 1.0rem;
    vertical-align: top;
    white-space: nowrap;
}

.page-videos .video .channel a,
.page-videos .video .channel a:link,
.page-videos .video .channel a:hover,
.page-videos .video .channel a:active,
.page-videos .video .channel a:visited {
    color: gray;
}

.page-videos .video .video-info {
    padding: 0 1.0rem 0.5rem 1.5rem;
    vertical-align: top;
}

.page-videos .video .video-info-wrapper {
    display: flex;
    align-items: flex-start;
}

.page-videos .video .video-info a,
.page-videos .video .video-info span {
    vertical-align: top;
}

.page-videos .video .video-info .video-title {
    display: inline-block;
}

.page-videos .video .video-info .player-show,
.page-videos .video .video-info .player-hide {
    color: gray;
    cursor: pointer;
    display: inline-block;
    font-size: smaller;
    padding-left: 1.0rem;
}

.page-videos .video .video-info .player-hide {
    display: none;
}

.page-videos .paging {
    font-size: smaller;
    margin: 1.5rem 0 0 0;
    padding: 0 0 0 1.5rem;
}

.page-videos .paging a,
.page-videos .paging span {
    color: #555555;
    display: inline-block;
    margin: 0 1.5rem;
}

.page-videos .paging a:first-child,
.page-videos .paging span:first-child {
    margin-left: 0.5rem;
}

.page-videos .paging a,
.page-videos .paging a:link,
.page-videos .page-videos .paging a:hover,
.page-videos .paging a:active,
.page-videos .paging a:visited {
    color: #555555;
    text-decoration: underline;
}

/********** PAGE-TOS **********/

.page-tos div {
    font-size: 0.9rem;
    margin: 1.5rem;
}

.page-tos p {
    line-height: 1.5rem;
    padding: 0 0 0.75rem 0;
}

/********** PAGE-404, PAGE-ERROR **********/

.page-404 div,
.page-error div {
    font-size: 0.9rem;
    margin: 1.5rem;
}

.page-404 p,
.page-error p {
    line-height: 1.5rem;
    padding: 0 0 0.75rem 0;
}