@font-face {
    font-family: 'Lato-Regular';
    src: local("Lato-Regular"), url(./fonts/Lato/Lato-Regular.ttf) format("truetype");
}

@font-face {
    font-family: 'Lato-Bold';
    src: local("Lato-Bold"), url(./fonts/Lato/Lato-Bold.ttf) format("truetype");
}

html {
    --cmems-dark-color: 11, 97, 146;
    --test: rgb(11, 97, 146);

    --cmems-light-color: 125, 184, 222;
    --test: rgb(125, 184, 222);

    --cmems-texts-color: 71, 156, 204;
    --test: rgb(71, 156, 204);

    --cmems-text-dark-color: 33, 37, 41;
    --test: rgb(33, 37, 41);

    --copernicus-title-color: 39, 56, 75;
    --test: rgb(39, 56, 75);
}

.wy-body-for-nav {
    color: rgb(var(--cmems-text-dark-color));
    font-family: 'Lato-Regular' !important;
    font-display: swap;
    letter-spacing: 1px;
}

.wy-body-for-nav h1,
.wy-body-for-nav h2,
.wy-body-for-nav h3,
.wy-body-for-nav h4,
.wy-body-for-nav h5,
.wy-body-for-nav h6 {
    font-family: 'Lato-Bold' !important;
    letter-spacing: 1px;
    color: rgb(var(--copernicus-title-color));
}

.wy-body-for-nav {
    background: white;
}

.wy-side-nav-search,
.wy-nav-side {
    background: rgb(var(--cmems-dark-color)) !important;
}

.wy-nav-content {
    background: white;
    max-width: 1920px;
}

div[role="navigation"]:not(.wy-menu) {
    display: none;
}

table thead {
    color: rgb(var(--cmems-text-dark-color)) !important;
    background-color: white;
}

.rst-content table.docutils:not(.field-list) tr td,
.wy-table-backed,
.wy-table-odd td,
.wy-table-striped tr td {
    background-color: white;
    color: rgb(var(--cmems-text-dark-color));
}

.rst-content table.docutils:not(.field-list) tr:nth-child(2n-1) td,
.wy-table-backed,
.wy-table-odd td,
.wy-table-striped tr:nth-child(2n-1) td {
    background-color: #f3f6f6;
    color: rgb(var(--cmems-text-dark-color));
}

.toctree-expand {
    color: rgb(var(--cmems-text-dark-color)) !important;
}

.highlight {
    color: rgb(var(--cmems-dark-color)) !important;
}

.admonition {
    color: rgb(var(--cmems-dark-color)) !important;
}

.caption-text,
.document h1,
.document h2,
.toctree-l1 .internal {
    color: rgb(var(--copernicus-title-color)) !important;
}

.wy-side-nav-search .icon-home .logo {
    margin: 35px 0px 18px 0px !important;
}

.wy-side-nav-search .icon-home:hover,
.wy-side-nav-search .icon-home .logo:hover {
    background: transparent !important;
}

.wy-menu-vertical li.current * {
    background: rgba(var(--cmems-texts-color), 0.2) !important;
}

.wy-menu-vertical li.toctree-l2.current > .current,
.wy-menu-vertical li.toctree-l2.current li.toctree-l3 > .current,
.wy-menu-vertical li.toctree-l2.current li.toctree-l3.current li.toctree-l4 .current {
    background: rgb(var(--cmems-texts-color)) !important;
}

.wy-side-nav-search .icon-home,
.wy-menu-vertical .toctree-l1 .internal,
.wy-menu-vertical li > a button.toctree-expand {
    color: rgb(255, 255, 255) !important;
}

.wy-menu-vertical li.toctree-l1.current > a {
    background: rgb(var(--cmems-dark-color)) !important;
}

.document p,
.document li,
.document h3 {
    color: rgb(var(--cmems-text-dark-color)) !important;
}

/* Fix for bullet points */
.rst-content .section ul li::before {
    color: rgb(var(--cmems-text-dark-color)) !important;
}

.rst-content .section ul li {
    color: rgb(var(--cmems-text-dark-color)) !important;
}

div[role="contentinfo"] a,
.rst-footer-buttons a:visited {
    color: rgb(var(--cmems-dark-color)) !important;
    opacity: .8;
}

.wy-nav-content a:hover {
    opacity: 1;
}

.caption-text {
    color: rgb(var(--cmems-light-color)) !important;
}

.toctree-l1 .internal:hover {
    background-color: rgb(var(--cmems-texts-color)) !important;
    color: white !important;
}

.rst-content .toctree-wrapper ul li>:first-child:hover {
    background-color: transparent !important;
    color: black !important;
}