// Copyright (C) 2021-2022 Intel Corporation
//
// SPDX-License-Identifier: MIT

/* Code blocks */

div.code-toolbar .toolbar {
    padding-right: 0.6em;
    opacity: 1 !important;
}

pre[class*="language-"] {
    background: #f8f9fa !important;
}

details {
    max-width: 80%;
}

@media (max-width: 991px) {
    details {
        max-width: 100% !important;
    }
}

li > details {
    max-width: 100%;
}

.code-toolbar {
    max-width: 80%;
}

.highlight > .code-toolbar,
details > summary > .code-toolbar,
details > .code-toolbar {
    max-width: 100%;
}

.navbar-logo {
    fill: white;
}

/* Increased left padding on the sidebar of documentation */

.td-sidebar-nav__section .ul-1 ul {
    padding-left: 0.6rem !important;
    padding-right: 0.1rem !important;
}

/* Main documentation page */

#docs section {
    padding-top: 2rem;
    padding-bottom: 7rem;
}

#docs .row div {
    margin-top: 1rem;
}

/* Footer */

.footer-disclaimer {
    font-size: 0.83rem;
    line-height: 1.25;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.container-fluid footer {
    min-height: inherit;
    padding-bottom: 0.5rem !important;
    padding-top: 2rem !important;
}

/* About page */

.logo-2 {
    opacity: 0.8;
}

.history #year h2 {
    text-shadow: 0 0 3px rgb(27, 27, 27);
}

/* Location block */

.location {
    width: 70%;
}

.marker-location i {
    color: lightgray;
}

/* World map block "the team" */

.team-container {
    margin: auto;
    max-width: 1200px;
}

.world-map-container {
    width: 100%;
}

#world-map {
    z-index: 1;
    width: 100%;
    height: 100%;
}

#world-map-marker {
    z-index: 2;
    position: absolute;
    border-radius: 50%;
    border: 2px white solid;
    box-shadow: 2px 2px 1px gray;
    max-height: 27px;
}

@media (max-width: 1680px) {
    #world-map-marker {
        margin-left: 25px;
    }
}

@media (max-width: 1540px) {
    #world-map-marker {
        margin-left: 35px;
        max-height: 25px;
    }
}

@media (max-width: 1200px) {
    #world-map-marker {
        margin-top: 5px;
        margin-left: 40px;
        max-height: 20px;
    }
}

@media (max-width: 992px) {
    #world-map-marker {
        margin-top: 10px;
        margin-left: 30px;
        max-height: 15px;
    }
}

@media (max-width: 768px) {
    #world-map-marker {
        margin-top: 15px;
        margin-left: 15px;
        max-height: 10px;
    }
}

#world-map-marker:hover {
    border: 4px white solid;
}

/* Cover block on about page */

#td-cover-block-0 {
    background-image: url("../images/background-about-page.jpg");
}

/* Display version menu on mobile version of the site */

#dropdown_ver {
    right: 5px !important;
    left: auto;
}

@media (min-width: 991.98px) {
    #dropdown_ver {
        right: 245px !important;
        left: auto;
    }
}
