/*
// filename:  article-style.css
//
// Copyright 2022 Tehama Inc. and its affiliates or licensors
//
// description:  This stylesheet provides styling for elements in the article page:
//
//               Essentially, this tweaks the display of tables and blockquotes.
//
//               Also a kludge has been added to make scrollbars in Edge and IE behave like in other browsers.
//
//               Include the stylesheet in the article_page.hbs template as follows:
//
//                   <link href="{{asset 'article-style.css'}}" rel="stylesheet" type="text/css" />
//
*/

/* Insert a rule to style tables (add borders and a bottom margin, and collapses the borders with 0 spacing) */
.article-body table {
    border: 1px solid black;
    empty-cells: show;
    margin-bottom: 24px;
    border-collapse: collapse;
    border-spacing: 0;
}

/* Insert a rule to style table data cells (add borders etc.). */
.article-body td {
    border: 1px solid black;
    empty-cells: show;
    vertical-align: middle;
    font-size: 100%;
    margin: 0;
    overflow: visible;
    padding: 8px 16px;
    display: table-cell;
}

/* Insert a rule to style table header rows (add borders and make dark grey background etc.). */
.article-body th {
    border: 1px solid black;
    empty-cells: show;
    font-size: 100%;
    margin: 0;
    overflow: visible;
    padding: 8px 16px;
    background-color: darkgrey;
}

/* Insert a rule to style table header cells (align and add whitespace). */
.article-body thead {
    text-align: left;
    vertical-align: bottom;
    white-space: nowrap;
}

/* Insert a rule to style table rows (align etc). */
.article-body tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
/* Insert a rule to style table bodies (align etc). */
.article-body tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

/* Insert a rule to style every second table row (every second row has a slightly darker background). */
tr:nth-child(2n-1) {
    background-color: #f3f6f6;
}

/* Insert a rule to style blockquotes (essentially remove most of the default styling). */
.article-body blockquote {
    color: rgba(1, 22, 39, 1);
    font-style: normal;
    border-left: none;
    padding: 0;
    line-height: 24px;
    margin: 0 0 24px 24px;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 15px;
    margin-inline-end: 15px;
}

/* KLUDGE for IE and Edge to make them display scrollbars in the same way as other browsers. */
html {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}