/* ArteryX Premium Theme */

:root {

    --arteryx-yellow: #FFF219;

}


/* Background */

[data-md-color-scheme="slate"] {

    --md-default-bg-color: #070707;

    --md-default-fg-color: #eeeeee;

    --md-code-bg-color: #111111;

}



/* Header */

.md-header {

    background:
    linear-gradient(
        90deg,
        #050505,
        #111111
    );

    border-bottom:
    1px solid rgba(255,242,25,.25);

}



/* Tabs */

.md-tabs {

    background:#080808;

}



/* Yellow branding */

.md-typeset a {

    color:#FFF219;

}



.md-nav__link:hover {

    color:#FFF219;

}



/* Cards */

.md-typeset .admonition,
.md-typeset details {

    background:

    linear-gradient(
        145deg,
        rgba(255,242,25,.08),
        rgba(255,255,255,.02)
    );

    border-radius:18px;

    border:
    1px solid rgba(255,242,25,.2);

}



/* Search */

.md-search__input {

    background:#111;

    border-radius:14px;

}



/* Buttons */

.md-button {

    border-radius:16px;

    transition:.25s;

}



.md-button:hover {

    transform:
    translateY(-3px);

}



/* Sidebar */

.md-nav__title {

    color:#FFF219;

}



/* Smooth scrolling */

html {

    scroll-behavior:smooth;

}

.hero-image {
    text-align:center;
    margin: 30px auto;
}

.hero-image img {
    width:180px;
    filter: drop-shadow(0 0 30px rgba(255,242,25,.35));
    animation: float 4s ease-in-out infinite;
}


@keyframes float {

    0%,100% {
        transform:translateY(0);
    }

    50% {
        transform:translateY(-10px);
    }

}


.md-typeset .grid.cards > ul > li {

    border-radius:20px;

    background:
    linear-gradient(
        145deg,
        rgba(255,242,25,.08),
        rgba(0,0,0,.25)
    );

    border:
    1px solid rgba(255,242,25,.18);

    transition:.25s;

}


.md-typeset .grid.cards > ul > li:hover {

    transform:translateY(-5px);

    border-color:#FFF219;

}


.announcement {

    border-left:
    5px solid #FFF219;

}

.arteryx-feedback {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 260px;
    padding: 18px;
    border-radius: 16px;

    background: rgba(255, 242, 25, 0.12);
    border: 1px solid #FFF219;

    backdrop-filter: blur(12px);

    color: white;
    font-size: 14px;

    z-index: 999;

    box-shadow: 0 10px 30px rgba(0,0,0,.4);

    transition: .3s ease;
}