/*
Palette
-------
$sepia: #f5ecec;
$dark-sepia: #c8aeae;
$red: #d71217;
$light-red: #ff5555;
$reana-blue: #2c3e4f;
$light-reana-blue: #6082a7;
$apple-blossom: #a15555;
$gray: #888888;
*/


body {
    font-family: "Helvetica Neue", "Open Sans", Helvetica, Arial, sans-serif;
    background-color: #fff;
}

.md-typeset a,
.md-nav__link--active {
    color: #d71217;
}

.md-typeset a:hover,
.md-nav__link:hover {
    color: #ff5555;
}

[data-md-color-primary="white"] .md-header,
[data-md-color-primary="white"] .md-tabs {
    background-color: #f5ecec;
}

.md-header[data-md-state="shadow"] {
    box-shadow: none;
    border-bottom: 0.05rem solid rgba(0, 0, 0, 0.07);
}

.md-source__facts {
    display: none;
}

.md-logo {
    padding-top: 0.3rem;
}

.md-logo img {
    width: 131px;
    height: 30px;
}

.md-footer {
    border-top: 0.05rem solid rgba(0, 0, 0, 0.07);
}

.md-footer-nav__link {
    padding-top: 0.8rem;
    padding-bottom: 0;
}

.md-footer-nav {
    background-color: #f5ecec;
}

.md-footer-nav__link {
    color: rgba(0, 0, 0, 0.8);
    opacity: 0.75;
}

.md-footer-nav__direction {
    color: rgba(0, 0, 0, 0.6);
    opacity: 0.75;
}

.md-footer-nav__link:hover,
.md-footer-nav__direction:hover {
    opacity: 1;
}

.md-footer-meta {
    background-color: #2c3e4f;
}

html .md-footer-meta .md-footer-meta__inner a {
    color: #f5ecec;
}

.md-footer-meta__inner {
    padding: 0 0.2rem;
}

.md-footer-copyright {
    padding: 0.7rem 0;
}

.md-footer-social {
    padding: 0.4rem 0;
}

.md-search-result__link[data-md-state="active"] {
    background-color: #f5ecec;
}

.md-typeset h1[id] .headerlink:focus,
.md-typeset h1[id]:hover .headerlink:hover,
.md-typeset h1[id]:target .headerlink,
.md-typeset h2[id] .headerlink:focus,
.md-typeset h2[id]:hover .headerlink:hover,
.md-typeset h2[id]:target .headerlink,
.md-typeset h3[id] .headerlink:focus,
.md-typeset h3[id]:hover .headerlink:hover,
.md-typeset h3[id]:target .headerlink,
.md-typeset h4[id] .headerlink:focus,
.md-typeset h4[id]:hover .headerlink:hover,
.md-typeset h4[id]:target .headerlink,
.md-typeset h5[id] .headerlink:focus,
.md-typeset h5[id]:hover .headerlink:hover,
.md-typeset h5[id]:target .headerlink,
.md-typeset h6[id] .headerlink:focus,
.md-typeset h6[id]:hover .headerlink:hover,
.md-typeset h6[id]:target .headerlink {
    color: #ff5555;
}

/* codehilite customization */
.codehilite .hll, .md-typeset .highlight .hll {
    background-color: #f5ecec;
}

.codehilite .nt, .md-typeset .highlight .nt,
.codehilite .k, .md-typeset .highlight .k,
.codehilite .kn, .md-typeset .highlight .kn  {
    color: #a15555;
}

.codehilite .s, .md-typeset .highlight .s{
    color: #6082a7;
}

.codehilite .sd, .md-typeset .highlight .sd,
.codehilite .c1, .md-typeset .highlight .c1,
.codehilite .ch, .md-typeset .highlight .ch,
.codehilite .cs, .md-typeset .highlight .cs {
    color: #888888;
}

/* admonition notes customization
   `details` and `summary` are used to style collapsible admonition
*/
.md-typeset .admonition.note,
.md-typeset details {
    border-color: #c8aeae;
}

.md-typeset .admonition.note .admonition-title,
.md-typeset details summary  {
    background-color: #f5ecec;
}

.md-typeset .admonition.note .admonition-title::before,
.md-typeset details summary::before {
    color: #c8aeae;
}

/* show the copy-to-clipboard button only if .copy-to-clipboard is specified */
.codehilite:not(.copy-to-clipboard) .md-clipboard,
.highlight:not(.copy-to-clipboard) .md-clipboard {
    display: none;
}

/* do not copy the terminal prompt `$` */
pre > code > .gp {
    -webkit-user-select: none;
    user-select: none;
}

img.screenshot-browser-mockup {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    background:
        url('../images/window-buttons-for-mockup.png') no-repeat left top,
        #333; /* Dark background for browser bar */
    padding-top: 20px; /* This assumes the window bar height is 20px. Adjust if needed */
    background-size: auto 20px, 100%;
    margin: 10px;
    max-width: calc(100% - 20px);
}