/*
Theme Name: uniproject
Theme URI: https://example.com
Author: Konrad Korpik
Author URI: https://example.com
Description: Mój pierwszy własny motyw WordPress
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: uniproject
*/
:root {
    --duck-blue: #0d9488;
}
/* Start of temporary CSS */
#wpadminbar {
	display: none;
}
html {
	margin: 0 !important;
    scroll-behavior: smooth;
}
/* End of temporary CSS */
.text-teal-600 {
    color: #0d9488 !important;
}
.hover-text-dark:hover {
    color: #333 !important;
}
.bg-teal-50 {
    background-color: #f0fdfa !important;
}
.bg-teal-600 {
    background-color: #0d9488 !important;
}
.hover-teal:hover {
    background-color: #ccfbf1 !important;
}
.hover-teal-700:hover {
    background-color: #0f766e !important;
}
.hover-bg-light:hover {
    background-color: #f8f9fa !important;
}
.btn-outline-teal {
    border-color: #0d9488;
    color: #0d9488;
}
.btn-outline-teal:hover {
    background-color: #0d9488;
    color: white;
}
.bi {
    color: #0d9488;
    font-size: 1.2rem
}
.card.h-100 {
    height: 100%;
}
.buttons-toggle-wrapper {
    padding: .25rem;
    gap: .5rem;
    border: 1px solid rgba(16,24,40,0.06);
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    background-color: #f2f4f6;
    box-shadow: 0 2px 8px rgba(16,24,40,0.04);
}
.button-toggle {
    padding: .5rem 1rem !important;
    border: none !important;
    border-radius: .55rem;
    color: #6c757d;
    box-shadow: none;
    transition: all .15s ease;
}
.button-toggle:hover {
    background-color: color-mix(in oklab, #ffffff 50%, transparent) !important;
}
.button-toggle.active {
    background-color: #ffffff !important;
    box-shadow: 0 6px 12px rgba(13,148,136,0.12);
}

.olm-0 ol , .ulm-0 ul, .pm-0 p {
    margin: 0;
}
section.home {
    section.subject_info {
        div.content {
            ul, ol {
                padding-left: 1.25rem;
            }
            li::marker {
                color: var(--duck-blue);
            }
        }
        div.icon {
            min-width: 50px;
            height: 50px;
        }
    }
    section.blocks {
        div.card {
            cursor: pointer;
            transition: .5s;

            &:hover {
                border-color: var(--duck-blue);
                background-color: var(--duck-blue);
                color: #ffffff;

                .text-muted {
                    color: #ffffff !important;
                }
            }
        }
        div.icon {
            min-width: 75px;
            height: 75px;
        }
    }
    section.faq {
        .faq-card {
            cursor: pointer;
            transition: .5s;
            
            &:hover {
                border-color: var(--duck-blue);
                box-shadow: 0 4px 6px #0d94881a;
            }
            &.active {
                border-color: var(--duck-blue);
                background-color: var(--duck-blue);

                .faq-question, .faq-toggle i {
                    color: #ffffff;
                }
                .faq-answer {
                    border-top: solid 1px #ffffff33;
                    color: #ffffff;
                }
            }
        }
        .faq-question {
            font-size: 1.1rem;
        }
    }
    section.gallery {
        .gallery-image {
            &:last-child {
                margin-bottom: 0 !important;
            }
            .gallery-item {
                border-radius: 1rem;
                overflow: hidden;

                img {
                    transition: .5s;

                    &:hover {
                        transform: scale(1.1);
                    }
                }
            }
        }
    }
}
section.category {
    .news-item {
        border: solid 2px transparent;
        overflow: hidden;
        transition: .5s;

        &:hover {
            border-color: var(--duck-blue);
            box-shadow: 0 4px 6px #0d94881a !important;
            transform: translateY(-2px);
        }
    }
    .link {
        transition: .5s;

        &:hover {
            border-color: var(--duck-blue) !important;
            background-color: var(--duck-blue);
            color: #ffffff;

            .bi {
                color: #ffffff;
            }
        }
    }
    section.pagination-section {
        .page-item {
            &.active {
                .page-link {
                    border-color: var(--duck-blue);
                    background-color: var(--duck-blue);
                    color: #ffffff;

                    &:focus {
                        box-shadow: 0 0 0 .25rem #0d948840;
                    }
                }
            }
            .page-link {
                min-width: 50px;
                height: 50px;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                color: var(--duck-blue);

                &:hover, &:focus {
                    border-color: var(--duck-blue);
                    background-color: var(--duck-blue);
                    color: #ffffff;
                }
            }
        }
    }
}
section.news {
    .prev-post a, .next-post a {
        text-decoration: none;
    }
    .link {
        color: var(--duck-blue);
        transition: .5s;

        &:hover {
            border-color: var(--duck-blue);
            background-color: var(--duck-blue);
            color: #ffffff;

            .bi {
                color: #ffffff;
                transition: .5s;
            }
        }
    }
}
section.archived-projects {
    section.years {
        .year-link {
            transition: .5s;

            &:hover, &.active {
                background-color: var(--duck-blue);
                color: #ffffff !important;
                box-shadow: 0 4px 6px #0d94881a;
            }
        }
    }
    section.projects {
        .project-card, .projects-toggle {
            transition: .5s;

            &:hover {
                border-color: var(--duck-blue) !important;
                box-shadow: 0 4px 6px #0d94881a !important;
                transform: translateY(-2px);
            }
            &.position-1 {
                border: solid 2px #fbbf24 !important;
                box-shadow: 0 8px 12px #fbbf2440 !important; 
            }
            &.position-2 {
                border: solid 2px #9ca3af !important;
                box-shadow: 0 8px 12px #9ca3af40 !important; 
            }
            &.position-3 {
                border: solid 2px #b45309 !important;
                box-shadow: 0 8px 12px #b4530940 !important; 
            }
            .badge-1 {
                background-color: #fbbf24;
            }
            .badge-2 {
                background-color: #9ca3af;
            }
            .badge-3 {
                background-color: #b45309;
            }
        }
        .link {
            transition: .5s;

            &:hover {
                border-color: var(--duck-blue) !important;
                background-color: var(--duck-blue);
                color: #ffffff;

                .bi {
                    color: #ffffff;
                }
            }
        }
    }
    .scroll-offset-anchor {
        scroll-margin-top: 100px;
    }
}
section.instructions {
    div.instruction {
        &.card {
            transition: .5s;

            &:hover {
                transform: translateY(-2px);
            }
        }
        div.file a {
            width: fit-content;
            color: var(--duck-blue);

            &:hover {
                background-color: var(--duck-blue);
                color: #ffffff;
                transition: .5s;

                i {
                    color: #ffffff;
                }
            }
            i {
                font-size: 1rem;
            }
        }
        i.icon {
            font-size: 1.75rem;
        }
        .tag {
            font-size: .9rem;
            font-weight: 600;

            span {
                background-color: #cbfbf1;
                color: var(--duck-blue);
            }
        }
    }
    div.control {
        i:nth-last-child(1) {
            font-size: 1rem;
        }
    }
}
section.bhp {
    div.icon-title {
        font-size: 1.25rem;
    }
    i {
        color: var(--duck-blue);
        font-size: 2rem;
    }
}
section.download-files {
    section.files {
        .file {
            transition: .5s;

            &:hover {
                border-color: var(--duck-blue) !important;
            }
            .link {
                padding-left: 2rem ;
                color: var(--duck-blue);
                text-decoration: none;
                transition: .5s;

                &:hover {
                    padding: .5rem 1rem;
                    border: solid 1px var(--duck-blue) !important;
                    border-radius: 1rem;
                    background-color: var(--duck-blue);
                    color: #ffffff;
                }
            }
        }
    }
    section.pagination-section {
        .page-item {
            &.active {
                .page-link {
                    border-color: var(--duck-blue);
                    background-color: var(--duck-blue);
                    color: #ffffff;

                    &:focus {
                        box-shadow: 0 0 0 .25rem #0d948840;
                    }
                }
            }
            .page-link {
                min-width: 50px;
                height: 50px;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                color: var(--duck-blue);

                &:hover, &:focus {
                    border-color: var(--duck-blue);
                    background-color: var(--duck-blue);
                    color: #ffffff;
                }
            }
        }
    }
}
section.forms {
    input.form-check-input:checked {
        border-color: var(--duck-blue);
        background-color: var(--duck-blue);
    }
    button {
        border: none;
        background-color: var(--duck-blue);
        color: #ffffff;

        &:hover {
            border: solid 1px var(--duck-blue);
            color: var(--duck-blue);
        }
    }
    a {
        color: var(--duck-blue);
        text-decoration: none;
    }
}
#mobileMenu {
    padding-top: .9rem;
}
#mobileMenu .worker-toggle {
    width: 100%;
    display: block;
    text-align: left;
}
header button.mobile-menu-toggle {
    color: #0d9488;
}
header svg.mobile-hamburger {
    width: 1.5rem;
    height: 1.5rem;
    fill: currentColor;
}
header svg.mobile-hamburger rect {
    width: 18px;
    height: 2px;
    rx: 1px;
}
@media (max-width: 991px) {
    footer ul li {
        width: 75%;
    }
    section.instructions .card {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}