/* _content/TLD15/Pages/Accounts/Edit.cshtml.rz.scp.css */
.wide-table[b-60ca6wajnv] {
    width: 100%;
    border-collapse: collapse;
}

th[b-60ca6wajnv], td[b-60ca6wajnv] {
    border: 1px solid var(--brand-color-third);
    padding: 5px;
    text-align: left;
}
/* _content/TLD15/Pages/Accounts/Login.cshtml.rz.scp.css */
.login-container[b-j4oz0vcrfh] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}
/* _content/TLD15/Pages/Archive/Read.cshtml.rz.scp.css */
.articles-container[b-bc6i96e9f6] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
    gap: 10px;
}

.article-card[b-bc6i96e9f6] {
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 350px;
    height: 470px;
    transition: all 0.3s ease;
}

.article-image-container[b-bc6i96e9f6] {
    position: relative;
    width: 50%;
}

[b-bc6i96e9f6] .article-image {
    object-fit: cover;
    width: 350px;
    height: 150px;
    display: block;
    filter: grayscale(100%) contrast(130%);
    transition: all 0.8s ease 0s;
}

    [b-bc6i96e9f6] .article-image:hover {
        filter: grayscale(0) contrast(100%);
    }

[b-bc6i96e9f6] .article-image-overlay-division {
    position: absolute;
    top: -1px;
    left: -1px;
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    width: 70px;
    padding: 5px;
    height: 20px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

[b-bc6i96e9f6] .article-image-overlay-date {
    position: absolute;
    top: -1px;
    right: -176px;
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    width: 115px;
    padding: 5px;
    height: 20px;
    font-size: 17px;
    text-align: center;
}

[b-bc6i96e9f6] .article-title {
    text-align: center;
    text-decoration: underline;
    color: var(--brand-color-third);
    text-decoration-color: var(--brand-color-third);
    font-size: 25px;
    height: 60px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    [b-bc6i96e9f6] .article-title:hover {
        color: var(--brand-color-second);
        text-decoration-color: var(--brand-color-second);
    }

[b-bc6i96e9f6] .article-description {
    height: 110px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
}

.article-image-overlay-division[b-bc6i96e9f6]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 125%; /* Position above the element */
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    border-radius: 0;
    padding: 5px 10px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
    z-index: 1;
}

.article-image-overlay-division:hover[b-bc6i96e9f6]::after {
    opacity: 1;
    visibility: visible;
}

.project-buttons-container[b-bc6i96e9f6] {
    height: 50px;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: auto;
}

.external-button[b-bc6i96e9f6] {
    height: 50px;
    display: flex;
    flex-direction: row;
    text-decoration: none;
    color: var(--color-background) !important;
    margin-right: 10px;
}

    .external-button:hover[b-bc6i96e9f6] {
        filter: brightness(0) saturate(100%) invert(40%) sepia(56%) saturate(5293%) hue-rotate(342deg) brightness(94%) contrast(93%);
    }

.external-button-language[b-bc6i96e9f6] {
    border: 1px solid var(--brand-color-third);
    color: var( --brand-color-third);
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.external-button-icon[b-bc6i96e9f6] {
    object-fit: cover;
    width: 50px !important;
    height: 50px !important;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(203deg) brightness(103%) contrast(101%);
}
/* _content/TLD15/Pages/Articles/Edit.cshtml.rz.scp.css */
[b-adocvp6a36] .image-container img {
    width: auto;
    height: 150px;
}

[b-adocvp6a36] .image-container-content {
    display: flex;
    align-items: stretch;
}

    [b-adocvp6a36] .image-container-content i {
        vertical-align: middle;
        line-height: 150px;
    }

.tabs[b-adocvp6a36] {
    display: flex;
}

/* Individual tab buttons */
.tab-button[b-adocvp6a36] {
    font: inherit;
    font-size: 16px;
    flex: 1;
    background: none;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s;
}

.tab-active[b-adocvp6a36] {
    font: inherit;
    font-size: 16px;
    border-bottom: 2px solid var(--brand-color-third);
    color: var(--brand-color-third);
}

    .tab-active:hover[b-adocvp6a36] {
        color: var(--brand-color-first);
    }

.tab-button:hover[b-adocvp6a36] {
    background-color: var(--brand-color-third);
}

[b-adocvp6a36] .article-edit {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
}
/* Hide inactive tab panels */
.tab-panel[b-adocvp6a36] {
    display: none;
}

/* Show active tab panel */
.tab-panel-active[b-adocvp6a36] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

article[b-adocvp6a36] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--brand-color-first);
    color: var(--brand-color-third);
}

    article h2[b-adocvp6a36] {
        font-family: "Park Lane NF";
        font-size: 45px;
        margin-top: 0;
        margin-bottom: 0;
    }

    article .subtitle[b-adocvp6a36] {
        font-size: 30px;
        font-style: italic;
        margin-top: 0;
        margin-bottom: 0;
    }
/* _content/TLD15/Pages/Articles/Manage.cshtml.rz.scp.css */
.manage-container[b-f8ge5iobb7] {
    margin-left: 5%;
    margin-right: 5%;
    padding: 15px;
    margin-top: 15px;
    text-align: center;
    background-color: var(--brand-color-first);
    color: var(--brand-color-third);
    padding-bottom: 20px;
}

/* ---------------------------------------------- */

.articles-container[b-f8ge5iobb7] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
    gap: 10px;
}

.article[b-f8ge5iobb7] {
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 350px;
    height: 470px;
    transition: all 0.3s ease;
}

.article-image-container[b-f8ge5iobb7] {
    position: relative;
    width: 50%;
}

[b-f8ge5iobb7] .article-image {
    object-fit: cover;
    width: 350px;
    height: 150px;
    display: block;
    filter: grayscale(100%) contrast(130%);
    transition: all 0.8s ease 0s;
}

    [b-f8ge5iobb7] .article-image:hover {
        filter: grayscale(0) contrast(100%);
    }

[b-f8ge5iobb7] .article-image-overlay-division {
    position: absolute;
    top: -1px;
    left: -1px;
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    width: 70px;
    padding: 5px;
    height: 20px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

[b-f8ge5iobb7] .article-image-overlay-date {
    position: absolute;
    top: -1px;
    right: -176px;
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    width: 115px;
    padding: 5px;
    height: 20px;
    font-size: 17px;
    text-align: center;
}

[b-f8ge5iobb7] .article-title {
    text-align: center;
    text-decoration: underline;
    color: var(--brand-color-third);
    text-decoration-color: var(--brand-color-third);
    font-size: 25px;
    height: 60px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    [b-f8ge5iobb7] .article-title:hover {
        color: var(--brand-color-second);
        text-decoration-color: var(--brand-color-second);
    }

[b-f8ge5iobb7] .article-description {
    height: 110px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
}


/* ---------------------------------------------- */

.article .button-container[b-f8ge5iobb7] {
    display: flex; /* Enables flexbox layout */
    justify-content: space-between; /* Distributes space between the buttons */
}

.button-container form[b-f8ge5iobb7] {
    display: flex;
}

    .button-container form button[b-f8ge5iobb7] {
        flex-grow: 1;
        margin-left: 2.5px;
        margin-right: 2.5px;
    }

@media (max-width: 600px) {
    .article .button-container[b-f8ge5iobb7] {
        flex-direction: column; /* Switches to column layout on small screens */
    }
}
/* _content/TLD15/Pages/Articles/Preview.cshtml.rz.scp.css */
.articles-container[b-1i3njritcq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
    gap: 10px;
}

.article-card[b-1i3njritcq] {
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 350px;
    height: 470px;
    transition: all 0.3s ease;
}

.article-image-container[b-1i3njritcq] {
    position: relative;
    width: 50%;
}

[b-1i3njritcq] .article-image {
    object-fit: cover;
    width: 350px;
    height: 150px;
    display: block;
    filter: grayscale(100%) contrast(130%);
    transition: all 0.8s ease 0s;
}

    [b-1i3njritcq] .article-image:hover {
        filter: grayscale(0) contrast(100%);
    }

[b-1i3njritcq] .article-image-overlay-division {
    position: absolute;
    top: -1px;
    left: -1px;
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    width: 70px;
    padding: 5px;
    height: 20px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

[b-1i3njritcq] .article-image-overlay-date {
    position: absolute;
    top: -1px;
    right: -176px;
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    width: 115px;
    padding: 5px;
    height: 20px;
    font-size: 17px;
    text-align: center;
}

[b-1i3njritcq] .article-title {
    text-align: center;
    text-decoration: underline;
    color: var(--brand-color-third);
    text-decoration-color: var(--brand-color-third);
    font-size: 25px;
    height: 60px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    [b-1i3njritcq] .article-title:hover {
        color: var(--brand-color-second);
        text-decoration-color: var(--brand-color-second);
    }

[b-1i3njritcq] .article-description {
    height: 110px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
}

.article-image-overlay-division[b-1i3njritcq]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 125%; /* Position above the element */
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    border-radius: 0;
    padding: 5px 10px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
    z-index: 1;
}

.article-image-overlay-division:hover[b-1i3njritcq]::after {
    opacity: 1;
    visibility: visible;
}
/* _content/TLD15/Pages/Contacts/Edit.cshtml.rz.scp.css */
[b-vfxw81l8c0] .image-container img {
    width: auto;
    height: 150px;
}

[b-vfxw81l8c0] .image-container-content {
    display: flex;
    align-items: stretch;
}

    [b-vfxw81l8c0] .image-container-content i {
        vertical-align: middle;
        line-height: 150px;
    }

.tabs[b-vfxw81l8c0] {
    display: flex;
}

/* Individual tab buttons */
.tab-button[b-vfxw81l8c0] {
    font: inherit;
    font-size: 16px;
    flex: 1;
    background: none;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s;
}

.tab-active[b-vfxw81l8c0] {
    font: inherit;
    font-size: 16px;
    border-bottom: 2px solid var(--brand-color-third);
    color: var(--brand-color-third);
}

    .tab-active:hover[b-vfxw81l8c0] {
        color: var(--brand-color-first);
    }

.tab-button:hover[b-vfxw81l8c0] {
    background-color: var(--brand-color-third);
}

[b-vfxw81l8c0] .article-edit {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
}
/* Hide inactive tab panels */
.tab-panel[b-vfxw81l8c0] {
    display: none;
}

/* Show active tab panel */
.tab-panel-active[b-vfxw81l8c0] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

article[b-vfxw81l8c0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--brand-color-first);
    color: var(--brand-color-third);
}

    article h2[b-vfxw81l8c0] {
        font-family: "Park Lane NF";
        font-size: 45px;
        margin-top: 0;
        margin-bottom: 0;
    }

    article .subtitle[b-vfxw81l8c0] {
        font-size: 30px;
        font-style: italic;
        margin-top: 0;
        margin-bottom: 0;
    }
/* _content/TLD15/Pages/Contacts/Preview.cshtml.rz.scp.css */
.contact-container[b-hg3wo287yl] {
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

[b-hg3wo287yl] .contact-button {
    object-fit: cover;
    width: 50px;
    height: 50px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(203deg) brightness(103%) contrast(101%);
}

    [b-hg3wo287yl] .contact-button:hover {
        filter: brightness(0) saturate(100%) invert(40%) sepia(56%) saturate(5293%) hue-rotate(342deg) brightness(94%) contrast(93%);
    }
/* _content/TLD15/Pages/Lore/Edit.cshtml.rz.scp.css */
[b-efdt4n20iw] .image-container img {
    width: auto;
    height: 150px;
}

[b-efdt4n20iw] .image-container-content {
    display: flex;
    align-items: stretch;
}

    [b-efdt4n20iw] .image-container-content i {
        vertical-align: middle;
        line-height: 150px;
    }

.tabs[b-efdt4n20iw] {
    display: flex;
}

/* Individual tab buttons */
.tab-button[b-efdt4n20iw] {
    font: inherit;
    font-size: 16px;
    flex: 1;
    background: none;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s;
}

.tab-active[b-efdt4n20iw] {
    font: inherit;
    font-size: 16px;
    border-bottom: 2px solid var(--brand-color-third);
    color: var(--brand-color-third);
}

    .tab-active:hover[b-efdt4n20iw] {
        color: var(--brand-color-first);
    }

.tab-button:hover[b-efdt4n20iw] {
    background-color: var(--brand-color-third);
}

[b-efdt4n20iw] .article-edit {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
}
/* Hide inactive tab panels */
.tab-panel[b-efdt4n20iw] {
    display: none;
}

/* Show active tab panel */
.tab-panel-active[b-efdt4n20iw] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

article[b-efdt4n20iw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--brand-color-first);
    color: var(--brand-color-third);
}

    article h2[b-efdt4n20iw] {
        font-family: "Park Lane NF";
        font-size: 45px;
        margin-top: 0;
        margin-bottom: 0;
    }

    article .subtitle[b-efdt4n20iw] {
        font-size: 30px;
        font-style: italic;
        margin-top: 0;
        margin-bottom: 0;
    }
/* _content/TLD15/Pages/Press/Manage.cshtml.rz.scp.css */
[b-3pvs4yo4pl] .image-container img {
    width: auto;
    height: 150px;
}

[b-3pvs4yo4pl] .image-container-content {
    display: flex;
    align-items: stretch;
}

    [b-3pvs4yo4pl] .image-container-content i {
        vertical-align: middle;
        line-height: 150px;
    }

.tabs[b-3pvs4yo4pl] {
    display: flex;
}

/* Individual tab buttons */
.tab-button[b-3pvs4yo4pl] {
    font: inherit;
    font-size: 16px;
    flex: 1;
    background: none;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s;
}

.tab-active[b-3pvs4yo4pl] {
    font: inherit;
    font-size: 16px;
    border-bottom: 2px solid var(--brand-color-third);
    color: var(--brand-color-third);
}

    .tab-active:hover[b-3pvs4yo4pl] {
        color: var(--brand-color-first);
    }

.tab-button:hover[b-3pvs4yo4pl] {
    background-color: var(--brand-color-third);
}

[b-3pvs4yo4pl] .article-edit {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
}
/* Hide inactive tab panels */
.tab-panel[b-3pvs4yo4pl] {
    display: none;
}

/* Show active tab panel */
.tab-panel-active[b-3pvs4yo4pl] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

article[b-3pvs4yo4pl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--brand-color-first);
    color: var(--brand-color-third);
}

    article h2[b-3pvs4yo4pl] {
        font-family: "Park Lane NF";
        font-size: 45px;
        margin-top: 0;
        margin-bottom: 0;
    }

    article .subtitle[b-3pvs4yo4pl] {
        font-size: 30px;
        font-style: italic;
        margin-top: 0;
        margin-bottom: 0;
    }
/* _content/TLD15/Pages/Press/Read.cshtml.rz.scp.css */
.articles-container[b-x9dr33g4rf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
    gap: 10px;
}

.article-card[b-x9dr33g4rf] {
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 350px;
    height: 470px;
    transition: all 0.3s ease;
}

.article-image-container[b-x9dr33g4rf] {
    position: relative;
    width: 50%;
}

[b-x9dr33g4rf] .article-image {
    object-fit: cover;
    width: 350px;
    height: 150px;
    display: block;
    filter: grayscale(100%) contrast(130%);
    transition: all 0.8s ease 0s;
}

    [b-x9dr33g4rf] .article-image:hover {
        filter: grayscale(0) contrast(100%);
    }

[b-x9dr33g4rf] .article-image-overlay-division {
    position: absolute;
    top: -1px;
    left: -1px;
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    width: 70px;
    padding: 5px;
    height: 20px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

[b-x9dr33g4rf] .article-image-overlay-date {
    position: absolute;
    top: -1px;
    right: -176px;
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    width: 115px;
    padding: 5px;
    height: 20px;
    font-size: 17px;
    text-align: center;
}

[b-x9dr33g4rf] .article-title {
    text-align: center;
    text-decoration: underline;
    color: var(--brand-color-third);
    text-decoration-color: var(--brand-color-third);
    font-size: 25px;
    height: 60px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    [b-x9dr33g4rf] .article-title:hover {
        color: var(--brand-color-second);
        text-decoration-color: var(--brand-color-second);
    }

[b-x9dr33g4rf] .article-description {
    height: 110px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
}

.article-image-overlay-division[b-x9dr33g4rf]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 125%; /* Position above the element */
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    border-radius: 0;
    padding: 5px 10px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
    z-index: 1;
}

.article-image-overlay-division:hover[b-x9dr33g4rf]::after {
    opacity: 1;
    visibility: visible;
}

.project-buttons-container[b-x9dr33g4rf] {
    height: 50px;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: auto;
}

.external-button[b-x9dr33g4rf] {
    height: 50px;
    display: flex;
    flex-direction: row;
    text-decoration: none;
    color: var(--color-background) !important;
    margin-right: 10px;
}

    .external-button:hover[b-x9dr33g4rf] {
        filter: brightness(0) saturate(100%) invert(40%) sepia(56%) saturate(5293%) hue-rotate(342deg) brightness(94%) contrast(93%);
    }

.external-button-language[b-x9dr33g4rf] {
    border: 1px solid var(--brand-color-third);
    color: var( --brand-color-third);
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.external-button-icon[b-x9dr33g4rf] {
    object-fit: cover;
    width: 50px !important;
    height: 50px !important;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(203deg) brightness(103%) contrast(101%);
}
/* _content/TLD15/Pages/Projects/Edit.cshtml.rz.scp.css */
[b-tmgken0fmo] .image-container img {
    width: auto;
    height: 150px;
}

[b-tmgken0fmo] .image-container-content {
    display: flex;
    align-items: stretch;
}

    [b-tmgken0fmo] .image-container-content i {
        vertical-align: middle;
        line-height: 150px;
    }

.tabs[b-tmgken0fmo] {
    display: flex;
}

/* Individual tab buttons */
.tab-button[b-tmgken0fmo] {
    font: inherit;
    font-size: 16px;
    flex: 1;
    background: none;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s;
}

.tab-active[b-tmgken0fmo] {
    font: inherit;
    font-size: 16px;
    border-bottom: 2px solid var(--brand-color-third);
    color: var(--brand-color-third);
}

    .tab-active:hover[b-tmgken0fmo] {
        color: var(--brand-color-first);
    }

.tab-button:hover[b-tmgken0fmo] {
    background-color: var(--brand-color-third);
}

[b-tmgken0fmo] .article-edit {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
}
/* Hide inactive tab panels */
.tab-panel[b-tmgken0fmo] {
    display: none;
}

/* Show active tab panel */
.tab-panel-active[b-tmgken0fmo] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

article[b-tmgken0fmo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--brand-color-first);
    color: var(--brand-color-third);
}

    article h2[b-tmgken0fmo] {
        font-family: "Park Lane NF";
        font-size: 45px;
        margin-top: 0;
        margin-bottom: 0;
    }

    article .subtitle[b-tmgken0fmo] {
        font-size: 30px;
        font-style: italic;
        margin-top: 0;
        margin-bottom: 0;
    }
/* _content/TLD15/Pages/Projects/Manage.cshtml.rz.scp.css */
.manage-container[b-heir5yo30y] {
    margin-left: 5%;
    margin-right: 5%;
    padding: 15px;
    margin-top: 15px;
    text-align: center;
    background-color: var(--brand-color-first);
    color: var(--brand-color-third);
    padding-bottom: 20px;
}

/* ---------------------------------------------- */

.articles-container[b-heir5yo30y] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
    gap: 10px;
}

.article[b-heir5yo30y] {
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 350px;
    height: 470px;
    transition: all 0.3s ease;
}

.article-image-container[b-heir5yo30y] {
    position: relative;
    width: 50%;
}

[b-heir5yo30y] .article-image {
    object-fit: cover;
    width: 350px;
    height: 150px;
    display: block;
    filter: grayscale(100%) contrast(130%);
    transition: all 0.8s ease 0s;
}

    [b-heir5yo30y] .article-image:hover {
        filter: grayscale(0) contrast(100%);
    }

[b-heir5yo30y] .article-image-overlay-division {
    position: absolute;
    top: -1px;
    left: -1px;
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    width: 70px;
    padding: 5px;
    height: 20px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

[b-heir5yo30y] .article-image-overlay-date {
    position: absolute;
    top: -1px;
    right: -176px;
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    width: 115px;
    padding: 5px;
    height: 20px;
    font-size: 17px;
    text-align: center;
}

[b-heir5yo30y] .article-title {
    text-align: center;
    text-decoration: underline;
    color: var(--brand-color-third);
    text-decoration-color: var(--brand-color-third);
    font-size: 25px;
    height: 60px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    [b-heir5yo30y] .article-title:hover {
        color: var(--brand-color-second);
        text-decoration-color: var(--brand-color-second);
    }

[b-heir5yo30y] .article-description {
    height: 110px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
}


/* ---------------------------------------------- */

.article .button-container[b-heir5yo30y] {
    display: flex; /* Enables flexbox layout */
    justify-content: space-between; /* Distributes space between the buttons */
}

.button-container form[b-heir5yo30y] {
    display: flex;
}

    .button-container form button[b-heir5yo30y] {
        flex-grow: 1;
        margin-left: 2.5px;
        margin-right: 2.5px;
    }

@media (max-width: 600px) {
    .article .button-container[b-heir5yo30y] {
        flex-direction: column; /* Switches to column layout on small screens */
    }
}
/* _content/TLD15/Pages/Projects/Preview.cshtml.rz.scp.css */
.articles-container[b-h84cltqhhn] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
    gap: 10px;
}

.article-card[b-h84cltqhhn] {
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 350px;
    height: 470px;
    transition: all 0.3s ease;
}

.article-image-container[b-h84cltqhhn] {
    position: relative;
    width: 50%;
}

[b-h84cltqhhn] .article-image {
    object-fit: cover;
    width: 350px;
    height: 150px;
    display: block;
    filter: grayscale(100%) contrast(130%);
    transition: all 0.8s ease 0s;
}

    [b-h84cltqhhn] .article-image:hover {
        filter: grayscale(0) contrast(100%);
    }

[b-h84cltqhhn] .article-image-overlay-division {
    position: absolute;
    top: -1px;
    left: -1px;
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    width: 70px;
    padding: 5px;
    height: 20px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

[b-h84cltqhhn] .article-image-overlay-date {
    position: absolute;
    top: -1px;
    right: -176px;
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    width: 115px;
    padding: 5px;
    height: 20px;
    font-size: 17px;
    text-align: center;
}

[b-h84cltqhhn] .article-title {
    text-align: center;
    text-decoration: underline;
    color: var(--brand-color-third);
    text-decoration-color: var(--brand-color-third);
    font-size: 25px;
    height: 60px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    [b-h84cltqhhn] .article-title:hover {
        color: var(--brand-color-second);
        text-decoration-color: var(--brand-color-second);
    }

[b-h84cltqhhn] .article-description {
    height: 110px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
}

.article-image-overlay-division[b-h84cltqhhn]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 125%; /* Position above the element */
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--color-background);
    color: var(--brand-color-third);
    border: 1px solid var(--brand-color-third);
    border-radius: 0;
    padding: 5px 10px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
    z-index: 1;
}

.article-image-overlay-division:hover[b-h84cltqhhn]::after {
    opacity: 1;
    visibility: visible;
}

.project-buttons-container[b-h84cltqhhn] {
    height: 50px;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: auto;
}

.external-button[b-h84cltqhhn] {
    height: 50px;
    display: flex;
    flex-direction: row;
    text-decoration: none;
    color: var(--color-background) !important;
    margin-right: 10px;
}

    .external-button:hover[b-h84cltqhhn] {
        filter: brightness(0) saturate(100%) invert(40%) sepia(56%) saturate(5293%) hue-rotate(342deg) brightness(94%) contrast(93%);
    }

.external-button-language[b-h84cltqhhn] {
    border: 1px solid var(--brand-color-third);
    color: var( --brand-color-third);
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.external-button-icon[b-h84cltqhhn] {
    object-fit: cover;
    width: 50px !important;
    height: 50px !important;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(203deg) brightness(103%) contrast(101%);
}
/* _content/TLD15/Pages/Shared/Components/BrandFooter/BrandFooter.cshtml.rz.scp.css */
footer[b-1p8lvwrw11] {
    height: 35px;
    min-width: 100%;
    margin-top: 15px;
    background-color: var(--brand-color-first);
    color: var(--brand-color-third);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-copiright[b-1p8lvwrw11] {
    flex-grow: 1;
    text-align: center;
}

.footer-image-link[b-1p8lvwrw11] {
    margin-top: 5px;
    margin-right: 5px;
    opacity: 0.5;
    height: 30px;
    width: 30px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(203deg) brightness(103%) contrast(101%);
}

[b-1p8lvwrw11] .footer-image-link:hover {
    filter: brightness(0) saturate(100%) invert(40%) sepia(56%) saturate(5293%) hue-rotate(342deg) brightness(94%) contrast(93%);
}
/* _content/TLD15/Pages/Shared/Components/BrandHeader/BrandHeader.cshtml.rz.scp.css */
header[b-844fykg4h4] {
    font-family: "Park Lane NF";
    padding-bottom: 5px;
    align-self: center;
    min-width: 100%;
    background-color: var(--brand-color-first);
    color: var(--brand-color-third);
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

[b-844fykg4h4] .brand-header-name {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 70px;
    font-weight: 800;
    text-decoration: none;
}

    [b-844fykg4h4] .brand-header-name:hover {
        color: var(--brand-color-second);
    }

.brand-header-slogan[b-844fykg4h4] {
    font-family: "Park Lane NF";
    margin-top: 10px;
    font-size: 25px;
    margin-bottom: 0;
}
/* _content/TLD15/Pages/Shared/Components/CommonScrollToTop/CommonScrollToTop.cshtml.rz.scp.css */
#btnScrollToTop[b-d6gjcs8qdd] {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    background-color: var(--brand-color-second);
    color: var(--brand-color-third);
    border: none;
    cursor: pointer;
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    padding-top: 10px;
    transition: all 0.3s ease;
}

    #btnScrollToTop:hover[b-d6gjcs8qdd] {
        padding-top: 0px;
    }

    #btnScrollToTop.visible[b-d6gjcs8qdd] {
        display: block;
    }
/* _content/TLD15/Pages/Shared/Components/NavigationAdmin/NavigationAdmin.cshtml.rz.scp.css */
.navigation-admin-container[b-0tzbxei2o4] {
    font-weight: 80;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: var(--brand-color-first);
    gap: 10px;
}

.navigation-admin-link[b-0tzbxei2o4] {
    padding: 5px 10px 5px 10px;
    font-weight: 80;
    background: transparent;
    text-decoration: none;
    outline: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    border: 1px solid var(--brand-color-second);
    z-index: 1;
    color: var(--brand-color-second);
}

    .navigation-admin-link[b-0tzbxei2o4]:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        color: var(--brand-color-first);
        background: var(--brand-color-second);
        transition: all 0.3s ease;
    }

    .navigation-admin-link:hover[b-0tzbxei2o4] {
        color: var(--brand-color-first);
    }

        .navigation-admin-link:hover[b-0tzbxei2o4]:after {
            top: 0;
            height: 100%;
        }
/* _content/TLD15/Pages/Shared/Components/NavigationGlobal/NavigationGlobal.cshtml.rz.scp.css */
.navigation-global-component-container[b-c15dkzag2b] {
    padding-bottom: 5px;
    align-self: center;
    min-width: 90%;
    text-align: center;
    color: var(--brand-color-third);
}

[b-c15dkzag2b] .navigation-global-link {
    display: inline-block;
    padding: 5px 10px;
    font-weight: 80;
    color: var(--brand-color-third);
    background: transparent;
    text-decoration: none;
    outline: none !important;
    cursor: pointer;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}

[b-c15dkzag2b] .active {
    background: var(--brand-color-first);
}

[b-c15dkzag2b] .navigation-global-link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    background: var(--brand-color-third);
    transition: all 0.3s ease;
}

[b-c15dkzag2b] .navigation-global-link:hover {
    color: var(--brand-color-first);
}

    [b-c15dkzag2b] .navigation-global-link:hover:after {
        height: 100%;
        top: 0;
    }
/* _content/TLD15/Pages/Shared/Components/NavigationLocal/NavigationLocal.cshtml.rz.scp.css */
.navigation-local-component-container[b-axg5gjplub] {
    min-width: 90%;
    margin-top: 15px;
    padding-top: 10px;
    background-color: var(--brand-color-first);
    color: var(--brand-color-third);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

[b-axg5gjplub] .navigation-local-link {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px 5px 10px;
    font-weight: 80;
    background: transparent;
    text-decoration: none;
    outline: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    border: 1px solid var(--brand-color-third);
    z-index: 1;
}

    [b-axg5gjplub] .navigation-local-link:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background: var(--brand-color-third);
        transition: all 0.3s ease;
    }

    [b-axg5gjplub] .navigation-local-link:hover {
        color: var(--brand-color-first);
    }

        [b-axg5gjplub] .navigation-local-link:hover:after {
            top: 0;
            height: 100%;
        }
/* _content/TLD15/Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-1y38sc85nw] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-1y38sc85nw] {
  color: #0077cc;
}

.btn-primary[b-1y38sc85nw] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-1y38sc85nw], .nav-pills .show > .nav-link[b-1y38sc85nw] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-1y38sc85nw] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-1y38sc85nw] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-1y38sc85nw] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-1y38sc85nw] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-1y38sc85nw] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* _content/TLD15/Pages/Social/Edit.cshtml.rz.scp.css */
[b-h0j0u39hyi] .image-container img {
    width: auto;
    height: 150px;
}

[b-h0j0u39hyi] .image-container-content {
    display: flex;
    align-items: stretch;
}

    [b-h0j0u39hyi] .image-container-content i {
        vertical-align: middle;
        line-height: 150px;
    }

.tabs[b-h0j0u39hyi] {
    display: flex;
}

/* Individual tab buttons */
.tab-button[b-h0j0u39hyi] {
    font: inherit;
    font-size: 16px;
    flex: 1;
    background: none;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s;
}

.tab-active[b-h0j0u39hyi] {
    font: inherit;
    font-size: 16px;
    border-bottom: 2px solid var(--brand-color-third);
    color: var(--brand-color-third);
}

    .tab-active:hover[b-h0j0u39hyi] {
        color: var(--brand-color-first);
    }

.tab-button:hover[b-h0j0u39hyi] {
    background-color: var(--brand-color-third);
}

[b-h0j0u39hyi] .article-edit {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
}
/* Hide inactive tab panels */
.tab-panel[b-h0j0u39hyi] {
    display: none;
}

/* Show active tab panel */
.tab-panel-active[b-h0j0u39hyi] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

article[b-h0j0u39hyi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--brand-color-first);
    color: var(--brand-color-third);
}

    article h2[b-h0j0u39hyi] {
        font-family: "Park Lane NF";
        font-size: 45px;
        margin-top: 0;
        margin-bottom: 0;
    }

    article .subtitle[b-h0j0u39hyi] {
        font-size: 30px;
        font-style: italic;
        margin-top: 0;
        margin-bottom: 0;
    }
/* _content/TLD15/Pages/Social/Preview.cshtml.rz.scp.css */
.social-container[b-k2kki9arh0] {
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

[b-k2kki9arh0] .social-button {
    object-fit: cover;
    width: 50px;
    height: 50px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(203deg) brightness(103%) contrast(101%);
}

    [b-k2kki9arh0] .social-button:hover {
        filter: brightness(0) saturate(100%) invert(40%) sepia(56%) saturate(5293%) hue-rotate(342deg) brightness(94%) contrast(93%);
    }