/* Page-specific styles for multitasking.html */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #FAFAFA;
}

::-webkit-scrollbar-thumb {
    background: #E7E6E6;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #0193DF;
}

::selection {
    background-color: rgba(1, 147, 223, 0.15);
    color: #101C32;
}

body {
    background-color: #FAFAFA;
    color: #101C32;
    scrollbar-gutter: stable;
}

strong {
    font-weight: 600 !important;
    color: #101C32 !important;
}

.premium-transition {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.nav-light {
    background-color: rgba(255, 255, 255, 0.95);
    border-color: rgba(231, 230, 230, 0.9);
    box-shadow: 0 4px 30px rgba(16, 28, 50, 0.06);
}

.nav-light a:not(#nav-cta-button) {
    color: rgba(16, 28, 50, 0.75) !important;
}

.nav-light a:not(#nav-cta-button):hover {
    color: #0193DF !important;
}

.nav-light #nav-brand-logo span:first-child {
    color: #101C32 !important;
}

.nav-light #mobile-menu-toggle {
    color: #101C32 !important;
}

#main-nav.nav-light .dropdown-menu {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(16, 28, 50, 0.08) !important;
    box-shadow: 0 10px 30px -10px rgba(16, 28, 50, 0.1) !important;
}

#main-nav.nav-light .dropdown-menu a {
    color: rgba(16, 28, 50, 0.75) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#main-nav.nav-light .dropdown-menu a:hover {
    color: #0193DF !important;
    background-color: rgba(1, 147, 223, 0.05) !important;
}
