@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;600;700&display=swap');

:root {
    --ortecBlue: #0084CB;
    --ortecGreen: #87BB40;
    --ortecOrange: #F57F25;
    --ortecDarkBlue: #21407A;
    --ortecYellow: #FCAF43;
    --textWhite: #ffffff;
    --textGrey: #515151;
    --background: #FBFBFB;
}

body *:not(.glyphicon):not(.fa) {
    font-family: 'Fira Sans', sans-serif !important;
}

/****************************** 
 *          POWER-BI
 ******************************/

/* Make pages with power-bi visuals wider: */

.power-bi-page .container {
    width: 100%;
}

@media (min-width: 1600px) {
    .power-bi-page .container {
        width: 1800px;
    }
}

.powerbi {
    height: auto !important;
    aspect-ratio: 16/9;
    position: relative;
}

iframe {
    padding: 0px;
    margin: 0px;
    border: 0px;
    height: 100%;
    width: 100%;
}

.powerbi-fullscreen-toggle {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s ease-out;

    position: absolute;
    top: 4px;
    right: -20px;

    cursor: pointer;
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-size: cover;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+DQogIDx0aXRsZT4NCiAgICBmdWxsc2NyZWVuDQogIDwvdGl0bGU+DQogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgMXY2aDJWM2g0VjFIMXptMiAxMkgxdjZoNnYtMkgzdi00em0xNCA0aC00djJoNnYtNmgtMnY0em0wLTE2aC00djJoNHY0aDJWMWgtMnoiLz4NCjwvc3ZnPg0K);
}

.row:has(.powerbi):hover .powerbi-fullscreen-toggle {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease-out;
}

/****************************** 
 *          NAVBAR
 ******************************/
.navbar {
    width: 100% !important;
    position: fixed !important;
    padding: 5px 5px 5px 5px !important;
    z-index: 9999;
}

.navbar-brand img {
    height: 60px !important;
    width: auto !important;
}

.navbar-dark .navbar-nav .show.dropdown-menu,
.navbar-dark .navbar-nav a.show,
.navbar-dark .navbar-nav a.dropdown-toggle.show {
    background-color: var(--background) !important;
}

.navbar-dark .navbar-nav li a {
    color: #ffffff;
    font-weight: 200 !important;
    font-size: 18px;
}

.navbar-dark .navbar-nav li a:hover,
.navbar-dark .navbar-nav li a:focus {
    background-color: var(--background) !important;
    color: var(--ortecBlue) !important;
    text-decoration: Underline;
       border: none !important;
    outline: none !important;
}

.navbar-dark .navbar-nav .open a {
    color: var(--textWhite) !important;
    background-color: #0084CB !important;
    text-decoration: Underline !important;
}

.navbar-dark .navbar-nav .open .dropdown-menu {
    background-color: var(--background) !important;
    text-decoration: none !important;
}

.navbar-dark .navbar-nav .open .dropdown-menu li a {
    color: var(--textGrey) !important;
    text-decoration: none;
}

.navbar-dark .navbar-nav .open .dropdown-menu li a:hover {
    background-color: var(--background) !important;
    color: var(--ortecBlue) !important;
    text-decoration: Underline;
    border: 2px solid var(--background) !important
}

.navbar-dark .navbar-nav .open .dropdown-menu .active a:hover,
.navbar-dark .navbar-nav .open .dropdown-menu .active a:focus {
    background-color: var(--background) !important;
    color: var(--ortecOrange) !important;
    text-decoration: Underline !important;
}

.navbar-toggle {
    background-color: var(--ortecBlue) !important;
}

.navbar-dark .navbar-toggle {
    border: 1px solid var(--ortecBlue) !important;
}

/****************************** 
 *          Footer
 ******************************/
footer .custom-footer-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 24px;
}

footer .custom-footer-container ul {
    padding: 0;
}

footer .custom-footer-container li {
    margin-bottom: 8px;
}

footer .custom-footer-container li:last-child {
    margin-bottom: 0;
}

footer .custom-footer-container .footer-social-list {
    flex: 1;
}

footer .footer-social-list li a img {
  padding-right: 8px;
}

/* Hide Power Pages Copilot / chatbot widget */
.pva-floating-style,
.pva-embedded-web-chat-widget {
  display: none !important;
}