﻿/* Tabs are slightly smaller in english language */
@media only screen and (min-width: 941px) {
    /* For desktop: */
    #main-tabs {
        display: flex; /* display: flex; is UIKIT uk-tab default */
    }

    .no-tab-selected #menu-button {
        display: none;
    }

    .factpages-logo-left {
        padding-left: 13px;
    }

    .no-tab-selected #navigationContainer {
        padding: 0;
    }

    /* Hide redundant "tabs" in navigation tree */
    .uk-nav-default > li:not(.uk-open) {
        display: none;
    }

    /* Hide header for the only open tab */
    .uk-nav-default > li.uk-open > a {
        display: none;
    }

    /* remove padding between tabheader  */
    #navigationContainer {
        padding-left: 0;
    }
    /* Make space for tab bar */
    #navigationContainer, #reportContainer, #main-content {
        height: calc(100vh - 89px); /* minus navbar and tab height */
    }

    #main-content.intro-content {
        height: unset;
    }
}

/* min-width: 795px + 135px (sync time container width) */
@media only screen and (min-width: 1046px) {
    #sync-datetime-container-in-tabs {
        display: block;
    }

    #sync-datetime-container-inside-content {
        display: none;
    }
}

.uk-tab > * > a:focus, .uk-tab > * > a:hover {
    color: #962f00;
    text-decoration: none;
}

.uk-tab > .uk-active > a {
    border-color: #962f00; /* rusty red color */
}