/* ==UserStyle==
@name         Darker Pathoma
@namespace    https://raw.githubusercontent.com/JohnCiubuc/userstyles/master/darker-pathoma.user.css
@homepageURL  https://raw.githubusercontent.com/JohnCiubuc/userstyles/master/darker-pathoma.user.css
@preprocessor stylus
@version      1.0.3
@license      Apache-1.1
@description  Adds a dark theme to Pathoma
@author       JohnCiubuc (https://openusercss.org/profile/5ecec9e4fbfa2b0c00b8b872)
@var checkbox slimPathoma "Slimmer Pathoma" 0
==/UserStyle== */
@-moz-document url("https://www.pathoma.com/pro-account-dashboard"),
url-prefix("https://www.pathoma.com/play"),
url("https://www.pathoma.com/login") {

    :root {
        --bg-color: #222;
        --bg-darker: hsl(0, 0%, 19%);
        --color: #FFEAC1;
        --color-secondary: hsl(40, 92%, 93%);
        --nav-text: #42bdb0;
    }
    /* Scrollbar*/
    html {
        scrollbar-width: auto;
        scrollbar-color: #123f55 #222;
        background-color: var(--bg-color);
    }
    img#logo {
        height: 0;
        width: 0;
        padding-top: 50px;
        padding-left: 150px;
        margin-left: 40px;
        margin-top: 18px;
        background: url("https://raw.githubusercontent.com/JohnCiubuc/userstyles/master/images/pathoma_aqua.png") no-repeat;
    }
    /* Paragraphs */
    p,
    td {
        color: var(--color);
    }
    /* Bolds */
    b,
    strong {
        font-weight: 700;
        color: #EAB754;
    }
    /* Main Containers*/
    .playspeed,
    #main-header,
    .et_pb_section,
    div[id="page-container"] {
        background-color: var(--bg-color);
    }

    /* Chapter Selector Container*/
    .playspeed {
        border: 1px solid var(--bg-color) !important;
    }
    form[name="speedform"] {
        border-bottom: 2px solid var(--nav-text) !important;
        padding-bottom: 10px;
    }
    /* Chapter Selector Dropdown */
    select {
        border: 1px solid var(--bg-color) !important;
        background-color: hsl(0, 0%, 20%);
        color: var(--color);
    }

    /* Video player, removing padding */
    #main-content .container {
        padding-top: 0!important;
    }
    /* Trouble with videos? */
    .html5report {
        color: var(--color)!important;
    }
    /* Trouble w/ videos green button color change */
    .dropbtn {
        color: var(--bg-color);
    }
    /* Removes border on azure player */
    #azureplayertable {
        border: unset;
    }
    /* Tables on video lessons */
    .free_table_alternate {
        background-color: var(--bg-darker);
    }
    #free_table a {
        color: var(--nav-text);
    }
    /* time description of chapter */
    .time {
        color: var(--color-secondary);
    }
    /* Border badding between video lessons */
    .entry-content tr td,
    body.et-pb-preview #main-content .container tr td {
        padding: 6px 24px;
        border-top: 1px solid #313030;
    }
    /* Border containing video lessons table */
    .entry-content table,
    body.et-pb-preview #main-content .container table {
        border: 1px solid #313030;
    }
    /* Login page */
    label {
        color: var(--color);
    }

    /* This removes banners and padding to make a slimmer pathoma */
    if slimPathoma {
        .et_pb_section_0.et_pb_section,
        p[class="statuserrata"],
        .html5report,
        [id="main-footer"] {
            display: none;
        }
        .et_pb_section {
            padding: 0;
        }
    }
}