/* /Layout/About.Razor.rz.scp.css */
.about-us[b-9jhtapsjp6] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 25%;
    text-align: center;
}

.content[b-9jhtapsjp6] {
    max-width: 800px;
}

.text[b-9jhtapsjp6] {
    font-size: 16px;
    color: var(--content-color);
}

@media (max-width: 768px) {
    .about-us[b-9jhtapsjp6] {
        padding: 10%;
    }
}
/* /Layout/Contact.Razor.rz.scp.css */
.contact[b-w47ipukoow] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 25%;
    justify-content: space-around;
}

.person[b-w47ipukoow] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(33.333% - 20px); /* Adjust the width to fit three in a row with gaps */
    margin-bottom: 20px;
    padding: 10px;
    box-sizing: border-box;
}

.picture[b-w47ipukoow] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: var(--content-color);
    background-size: cover;
    background-position: center;
    margin-bottom: 10px;
}
.center-container[b-w47ipukoow] {
    display: flex; 
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    padding: 1% 25%;
}
.info[b-w47ipukoow] {
    color: var(--content-color);
    text-align: center;
}

.text-link[b-w47ipukoow] {
    text-decoration: none; /* Remove underline */
    color: inherit; /* Use the same color as surrounding text */
    font-weight: normal; /* Ensure normal weight by default */
}

/* Style for links when hovered to become bold */
.text-link:hover[b-w47ipukoow] {
    font-weight: bold; /* Make the text bold on hover */
}

@media (max-width: 768px) {
    .person[b-w47ipukoow] {
        width: calc(50% - 20px); /* Two in a row on medium screens */
    }
}

@media (max-width: 480px) {
    .person[b-w47ipukoow] {
        width: 100%; /* One in a row on small screens */
    }
}
/* /Layout/DiplomaImageContainer.razor.rz.scp.css */
.centered-image-wrapper[b-3t1cxi47a7] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.centered-image[b-3t1cxi47a7] {
    display: block;
    width: 50vw;
    max-width: none;
    height: auto;
    object-fit: cover;
    margin: 0rem 0rem 5rem;
}

@media (min-width: 768px) {
    .centered-image[b-3t1cxi47a7] {
        width: 33vw;
    }
}
/* /Layout/Divider.Razor.rz.scp.css */
.divider-container[b-hbvy7wbq6m] {
    display: flex;
    align-items: center;
    margin: 20px 0;
    padding: 1% 25%;
    width: 100%;
}

.divider-line[b-hbvy7wbq6m] {
    flex-grow: 1;
    border: 0;
    border-top: 1px solid var(--content-color);
    margin: 0 10px;
}

.divider-title[b-hbvy7wbq6m] {
    color: var(--content-color);
    font-weight: bold;
    white-space: nowrap;
}

.divider-container h6.divider-title[b-hbvy7wbq6m] {
    margin: 0; /* Remove the default top and bottom margins */
}
/* /Layout/Email.Razor.rz.scp.css */
.custom-btn[b-bv1o0dtj7m] {
    white-space: nowrap; /* ← no line breaks in the text */
    background-color: #539A76;
    border: 1px solid #539A76;
    color: #fff;
    padding: 0.5rem 1rem;
    text-decoration: none;
    border-radius: 0.25rem;
}

.custom-btn:hover[b-bv1o0dtj7m] {
    background-color: #4b8b68;
    border-color: #4b8b68;
    color: #fff;
}
/* /Layout/Footer.razor.rz.scp.css */
.footer[b-mq5e4nf1a3] {
    color: var(--white); /* White text */
    padding: 10px; /* Adjust padding as needed */
    text-align: center; /* Center text horizontally */
}
/* /Layout/ImageContainer.razor.rz.scp.css */
.image-container[b-id9uulhbhu] {
    position: relative;
    width: 100%;
    min-width: 100%; /* Ensure the container always uses 100% of the width as a minimum */
    height: auto; /* Allow the height to adjust based on the image aspect ratio */
    overflow: hidden; /* Hide any overflow from the image */
}

.main-image[b-id9uulhbhu] {
    width: 100%;
    height: 50vh; /* Default for larger screens */
    border-radius: 25% 0 25% 0;
    object-fit: cover; /* Cover the entire container without distortion */
}

/* Adjust height for smaller screens */
@media (max-width: 768px) {
    .main-image[b-id9uulhbhu] {
        height: 25vh; /* Reduce height on smaller screens */
    }
}

.overlay[b-id9uulhbhu] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust background color and opacity as needed */
    padding: 10px 20px; /* Adjust padding as needed */
    border-radius: 5px; /* Add border-radius for rounded corners if needed */
}

.image-controls[b-id9uulhbhu] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-top: 1rem;
}

.img-btn[b-id9uulhbhu] {
    border: none;
    background: none;
    color: #4b8b68;
    font-size: 2.5rem;
    cursor: pointer;
    transition: transform 0.2s;
}

    .img-btn:hover[b-id9uulhbhu] {
        transform: scale(1.2);
    }
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-tmopy668it] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-tmopy668it] {
    flex: 1;
}

.background[b-tmopy668it] {
    background: linear-gradient(to right, #5F9EA0, #4682B4);
}

.top-row[b-tmopy668it] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-tmopy668it]  a, .top-row[b-tmopy668it]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-tmopy668it]  a:hover, .top-row[b-tmopy668it]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-tmopy668it]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row[b-tmopy668it] {
        justify-content: space-between;
    }

    .top-row[b-tmopy668it]  a, .top-row[b-tmopy668it]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-tmopy668it] {
        flex-direction: row;
    }

    .top-bar[b-tmopy668it] {
        background: linear-gradient(to right, #5F9EA0, #4682B4);
        padding: 10px;
    }

    .top-bar button[b-tmopy668it] {
        background: transparent;
        border: none;
        color: white;
        margin: 0 10px;
        font-size: 16px;
        cursor: pointer;
    }

    .top-bar button:hover[b-tmopy668it] {
        text-decoration: underline;
    }


    .sidebar[b-tmopy668it] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-tmopy668it] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-tmopy668it]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-tmopy668it], article[b-tmopy668it] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/Rotavdrag.razor.rz.scp.css */
.information .content[b-d0p513pg4g] {
    max-width: 800px;
    display: flex;
    flex-direction: column;
}

    .information .content a.text[b-d0p513pg4g] {
        font-size: 16px;
        color: var(--content-color);
        display: block;
        text-decoration: none;
        margin-bottom: .5em;
    }

.information[b-d0p513pg4g] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 25%;
    flex-direction: column;
}

@media (max-width: 768px) {
    .information[b-d0p513pg4g] {
        padding: 10%;
    }
}
/* /Layout/TopBar.razor.rz.scp.css */

.top-bar[b-d7j2hypm35] {
    position: relative; /* ← new */
    background: var(--white);
    color: #FFF;
    padding: 10px 20px;
    display: flex;
    flex-wrap: wrap; /* ← allows nav-links to drop down inside */
    align-items: center;
    justify-content: space-between;
}

.text[b-d7j2hypm35] {
    font-size: clamp(14px, 2vw, 24px); /* min 14px, ideal 2vw, max 24px */
    font-weight: bold;
    color: var(--content-color);
    padding: 2vw;
}

.image-container[b-d7j2hypm35] {
    position: relative;
    width: 100%;
    height: 30vh; /* Default height to 30% of the viewport height */
    overflow: hidden; /* Hide any overflow from the image */
}

.main-image[b-d7j2hypm35] {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Cover the entire container without distortion */
}

.overlay[b-d7j2hypm35] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust background color and opacity as needed */
    padding: 10px 20px; /* Adjust padding as needed */
    border-radius: 5px; /* Add border-radius for rounded corners if needed */
}

.logo[b-d7j2hypm35] {
    height: 60px; /* Maintain aspect ratio */
}

@media (min-width: 768px) {
    .top-bar[b-d7j2hypm35] {
        padding: 10px 20px; /* Increase padding for larger screens */
    }

    .logo[b-d7j2hypm35] {
        height: 80px;
    }

    .nav-links[b-d7j2hypm35] {
        display: flex; /* desktop: shown; mobile: overridden below */
        flex-direction: row; /* inline buttons */
        gap: 10px; /* spacing between links */
        align-items: center;
        justify-content: flex-end;
    }
}

@media (min-width: 1200px) {
    .top-bar[b-d7j2hypm35] {
        padding: 20px 30px; /* Further increase padding for extra-large screens */
    }

    .logo[b-d7j2hypm35] {
        height: 100px;
    }

    .nav-links[b-d7j2hypm35] {
        display: flex; /* desktop: shown; mobile: overridden below */
        flex-direction: row; /* inline buttons */
        gap: 10px; /* spacing between links */
        align-items: center;
        justify-content: flex-end;
    }
}

.burger[b-d7j2hypm35] {
    background: none;
    border: none;
}

@media (max-width: 767px) {
    .nav-links[b-d7j2hypm35] {
        display: none; /* hidden until open */
        flex-direction: row;
        background: var(--white);
        padding: 10px;
        width: 100%; /* when shown, stretch full width */
        margin-top: 10px; /* spacing below the logo row */
    }

        .nav-links.open[b-d7j2hypm35] {
            display: flex; /* show when toggled */
        }

    .burger[b-d7j2hypm35] {
        display: flex; /* show burger on mobile */
        flex-direction: column;
        justify-content: space-between;
        width: 24px;
        height: 18px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        width: 24px;
        height: 18px;
    }

        .burger .bar[b-d7j2hypm35] {
            display: block;
            width: 100%; /* ← add this */
            height: 4px;
            background-color: var(--content-color);
            border-radius: 2px;
        }
}