/* _content/RowReg/Shared/MainLayout.razor.rz.scp.css */
/* _content/RowReg/Shared/NavMenu.razor.rz.scp.css */


/*.navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row {
    height: 3.5rem;
    background-color: rgba(255, 255, 255, 0.1);
    width: 92rem;
}

.navbar-brand {
    font-size: 1.1rem;
}

.oi {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type {
        padding-top: 1rem;
    }

    .nav-item:last-of-type {
        padding-bottom: 1rem;
    }

    .nav-item ::deep a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item ::deep a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item ::deep a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }




@media (min-width: 641px) {
    .navbar-toggler {
        display: none;
    }

    .collapse {*/
        /* Never collapse the sidebar for wide screens */
        /*display: block;
    }

    .nav-scrollable {*/
        /* Allow sidebar to scroll for tall menus */
        /*height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}*/



.container-fluid[b-2qmd8di6or] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background-color: #103669; /* Bakgrundsf�rg f�r navigeringsmenyn */
    color: white; /* Textf�rg f�r navigeringsmenyn */
    justify-content: space-between; /* Centrerar RowReg genom att flytta ut knappen till h�ger */
}
   

.navbar-brand[b-2qmd8di6or] {
    font-size: 3.5rem; /* Storlek p� logotypen */
    font-family: 'Edwardian Script ITC', cursive; /* Ange typsnittsfamilj (f�rstahandsval Arial, sekund�r sans-serif) */
    font-style: italic; /* Ange kursiv stil f�r texten */
    font-weight: bold; /* G�r logotypen fet */
    padding: 5px 50px; /* Justera kuddeutrymme f�r att g�ra det mer synligt */
    background: linear-gradient(to right, #dd6a34, #f39246); /* Gradientbakgrund */
    -webkit-background-clip: text; /* Anv�nd text som klipp f�r bakgrunden */
    -webkit-text-fill-color: transparent; /* G�r textf�rgen genomskinlig f�r att visa bakgrunden */
}






.nav-link[b-2qmd8di6or] {
    color: white; /* Textf�rg f�r l�nkar */
    text-decoration: none; /* Ta bort understrykning fr�n l�nkar */
    margin-right: 1rem; /* Avst�nd mellan l�nkarna */
    transition: color 0.3s; /* J�mn �verg�ng f�r f�rg�ndringar */
}

    .nav-link:hover[b-2qmd8di6or] {
        color: #ccc; /* F�rg f�r l�nkar n�r de hovras �ver */
    }

.fa[b-2qmd8di6or] {
    margin-right: 0.5rem; /* Avst�nd mellan ikonen och texten */
}

@media (max-width: 767px) {
    .container-fluid[b-2qmd8di6or] {
        flex-direction: column; /* �ndra layout till en kolumn p� mindre sk�rmar */
        align-items: flex-start; /* Justera inneh�llet till v�nster */
    }

    .navbar-toggler[b-2qmd8di6or] {
        margin-top: 0.5rem; /* L�gg till lite utrymme �ver toggle-ikonen */
    }

    .nav-link[b-2qmd8di6or] {
        margin: 0.5rem 0; /* Lite utrymme runt l�nkarna */
    }
}
