/* Custom theme color overrides */

/* Top navigation bar (mobile) */
.wy-nav-top {
    background: #0037FF;
}

/* Sidebar search area */
.wy-side-nav-search {
    background-color: #0037FF;
}

.wy-side-nav-search input[type=text] {
    border-color: #0029cc;
}

.wy-side-nav-search img {
    background-color: #0037FF;
}

/* Nav top image background */
.wy-nav-top img {
    background-color: #0037FF;
}

/* Sidebar menu link hover/active */
.wy-nav .wy-menu-vertical a:hover {
    background-color: #0037FF;
}

.wy-menu-vertical a:active {
    background-color: #0037FF;
}

.doc-screenshot {
    display: block;
    width: 100%;
    max-width: 760px;
    height: auto;
    margin: 1.5rem auto 0.5rem;
    border-radius: 8px;
}
.doc-caption, .tutorial-link {
    text-align: center;
    margin: 0.5rem auto 1.5rem;
    color: #555;
}
.tutorial-link a { font-weight: 600; }

.doc-screenshot.tool-ui-screenshot {
    width: 50%;
}

.tutorial-video {
    width: 100%;
    max-width: 760px;
    aspect-ratio: 16 / 9;
    margin: 1.5rem auto;
}

.tutorial-video iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 8px;
}