:root {
    --md-primary-fg-color: #273646;
    --md-primary-fg-color--light: #374c62;
    --md-primary-fg-color--dark: #1c2631;
}

.phalcon-blog__sponsors-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.phalcon-blog__sponsors-items img {
    max-width: 140px;
    width: 100%;
}

.phalcon-blog__sponsors-items a {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(39,54,70,.4);
    padding: 10px 15px;
    border-radius: 4px;
    width: 46%;
    margin-right: 10px;
    margin-left: 10px;
    transition: all .2s ease;
}

@media screen and (max-width: 600px) {
    .phalcon-blog__sponsors-items a {
        width: 100%;
        margin-bottom: 20px;
    }
}

.phalcon-blog__sponsors-items a:hover {
    border-color: #273646;
}

[data-md-color-scheme="slate"] .phalcon-blog__sponsors-items a {
    background-color: #ffffffb3;
}

[data-md-color-scheme="slate"] .md-typeset a {
    color: #00bda4 !important;
}

[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active {
    color: #00bda4 !important;
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
    color: #02d3b8 !important;
}

[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active:hover {
    color: #02d3b8 !important;
}

[data-md-color-scheme="slate"] .phalcon-blog__sponsors-items a {
    color: #000000 !important;
    font-weight: bold;
}

[data-md-color-scheme="slate"] .phalcon-blog__sponsors-items a:hover {
    border-color: #00bda4 !important;
    color: #000000 !important;
    opacity: .9;
}

/* Releases page table */
.version-th-center, .version-td-center {
    text-align: center;
}
.version-th-right, .version-td-right {
    text-align: right;
}
.current-version {
    background-color: #d4f4b4;
}
.previous-version {
    background-color: #fef8c6;
}

/* Releases page legend */
.legend {
    padding-left: 0.3em;
    white-space: nowrap;
}

.legend-old-version {
    border-left: 1.2em solid #fdb3ab;
}

.legend-old-version-supported {
    border-left: 1.2em solid #fef8c6;
}

.legend-latest {
    border-left: 1.2em solid #d4f4b4;
}

.legend-preview {
    border-left: 1.2em solid #fed1a0;
}

.legend-future {
    border-left: 1.2em solid #c1e6f5;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    height: 2rem !important;
}

/* ============================================================
   API documentation (api-v2 layout) - palette.
   The structure that reads these lives in api.css, beside the
   markup quill emits. What stays here is the theme's business:
   the colors, in both schemes.
   ============================================================ */
:root {
    --api-abstract-bg: #e8f5e9;
    --api-abstract-fg: #2e7d32;
    --api-class-bg: #eceff1;
    --api-class-fg: #546e7a;
    --api-current-bg: #e0f2f1;
    --api-final-bg: #ffebee;
    --api-final-fg: #c62828;
    --api-interface-bg: #e3f2fd;
    --api-interface-fg: #1565c0;
    --api-protected-bg: #fff3e0;
    --api-protected-fg: #9c5700;
    --api-trait-bg: #f3e5f5;
    --api-trait-fg: #6a1b9a;
    --api-type-fg: #00747f;
}

[data-md-color-scheme="slate"] {
    --api-abstract-bg: #1d2f1f;
    --api-abstract-fg: #81c784;
    --api-class-bg: #262d31;
    --api-class-fg: #90a4ae;
    --api-current-bg: #1d3330;
    --api-final-bg: #331f1f;
    --api-final-fg: #e57373;
    --api-interface-bg: #1a2733;
    --api-interface-fg: #64b5f6;
    --api-protected-bg: #33291a;
    --api-protected-fg: #ffb74d;
    --api-trait-bg: #2a1f33;
    --api-trait-fg: #ba68c8;
    --api-type-fg: #4ec9b0;
}

/* ============================================================
   Zensical visual parity with the classic Material look.
   Every rule restates classic Material values, so this section
   is visually inert on Material builds and only takes effect
   under Zensical's "modern" stylesheet.
   ============================================================ */

/* Brand-colored header and navigation tabs */
.md-header,
.md-tabs {
    background-color: var(--md-primary-fg-color);
    color: var(--md-primary-bg-color, hsla(0, 0%, 100%, 1));
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* Classic dark-mode background depth */
[data-md-color-scheme="slate"] {
    --md-default-bg-color: hsla(var(--md-hue), 15%, 14%, 1);
}

@media screen {
    /* Classic type scale */
    .md-typeset {
        font-size: .8rem;
        letter-spacing: 0;
        line-height: 1.6;
    }

    /* Classic heading scale and light weights */
    .md-typeset h1 {
        color: var(--md-default-fg-color--light);
        font-size: 2em;
        font-weight: 300;
    }

    .md-typeset h2 {
        font-weight: 300;
        letter-spacing: -.01em;
    }

    .md-typeset h3 {
        font-weight: 400;
    }

    /* Classic code block corners and inline code metrics */
    .md-typeset code {
        border-radius: .1rem;
        font-size: .85em;
        padding: 0 .2941176471em;
    }

    .md-typeset pre > code {
        border-radius: .1rem;
    }
}

[data-md-color-scheme="default"] .md-search__button {
    background-color: #f2f2f2;
}


[data-md-color-scheme="default"] .md-search__button:hover {
    background-color: #c4c4c4;
}