@import "contact-forms.css";

/* Var overrides */
:root {

    --bs-primary: #0062a6;
    --bs-primary-rgb: 0, 98, 166;
    --bs-body-color-rgb: 84, 84 ,84;
    --bs-body-color: #545454;

}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
}

.primary {
    color: var(--bs-primary);
}

.bg-primary {
    background-color: var(--bs-primary);
}

.bg-primary-light {
    background-color: #e6eff7;
}

table.house-inventory-list {

    border-collapse: collapse;
    width: 100%;

    th, td {
        padding: 10px;
        box-sizing: border-box;
        border: 1px var(--bs-primary) solid;
    }

    &.autowidth {
        th, td {
            text-wrap: nowrap;
            width: 1px;

            &.flexible {
                overflow: hidden;
                max-width: 0;
            }
        }
    }

    thead {
        background-color: var(--bs-primary);
        color: white;
    }
}

.district-table-wrapper {
    margin: 0;
}

.news-page {

    .wp-block-post-title {
        font-size: 22px;
        color: var(--bs-primary);
        font-weight: bold;

        a {
            color: var(--bs-primary);
        }
    }

    .wp-block-read-more {
        color: var(--bs-primary);
        font-weight: bold;

        &:before {
            content: "> ";
        }
    }

    .news-page-archive {
        font-size: 1rem;

        .archive-date {
            color: var(--bs-primary);
            margin: 0;
            font-size: 1rem;
            flex-basis: 75px;
        }

        .archive-title {
            margin: 0;
            flex-basis: calc(100% - 75px);
            a {
                font-weight: normal;
                font-size: 1rem;
                color: var(--bs-primary);
            }
        }

        .wp-block-query-pagination-numbers {
            .page-numbers {
                &.current {
                    color: var(--bs-primary);
                    font-weight: bold;
                }

                &::after {
                    content: " | ";
                    color: var(--bs-body-color);
                    font-weight: normal;
                }
            }

        }

        hr {
            margin: 10px 0;
        }
    }

}

/* Downloads page */
.wp-block-post-content {
    .wp-block-file {
        a {
            color: var(--bs-body-color);
            font-size: 1rem;
            display: flex;
            align-items: center;
            font-weight: 400;

            &::before {
                display: inline-block;
                content: " ";
                background-repeat: no-repeat;
                background-image: url( "../images/download.png");
                width: 34px;
                height: 41px;
                margin-right: 10px;
            }
        }
    }
}

#parking-spaces-page {

    .parking-spaces-content-wrapper {
        display: flex;
        flex-direction: column;
        overflow: hidden;

        .filter-columns {
            flex: 1;
            flex-direction: column;
            margin-bottom: 15px;
            display: flex;
            gap: 0px;

            .filter-column {
                flex: 1;
                width: 100%;
                margin: 0;
            }
        }

        .parking-space-item {
            flex: 1;
            border: 1px solid #a9a9a9;
            padding: 16px 20px 16px;
            height: auto;
            /*width: 50%;*/
            /*margin: 0 10px 10px;*/
            box-sizing: border-box;

            &.empty-result {
                font-size: 22px;
                color: var(--bs-primary);
                font-weight: bold;
                border: 0;
            }

            h2 {
                font-size: 1.2em;
                color: var(--bs-primary);
                margin: 0;
            }

            p, div {
                margin: 0;
            }

            hr {
                margin: 5px 0 10px;
            }
        }
    }

    @media (min-width: 768px) {

        .parking-spaces-content-wrapper {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 0px;

            .filter-columns {
                flex-direction: row;
                flex-basis: 100%;
                flex-grow: 2;
                flex-shrink: 2;
                float: left;
                width: 100%;
                display: flex;
                gap: 0px;
            }

            .parking-space-item {
                flex-basis: auto;
                flex-grow: 1;
                flex-shrink: 1;

            }
        }
    }

    @media (min-width: 1194px) {

        .parking-spaces-content-wrapper {

            .filter-columns {
                flex-direction: row;
                flex: 0;
                float: left;
                width: 65%;
                display: flex;
                gap: 0px;

                margin-right: 15px;
                margin-bottom: 15px;

            }

            .parking-space-item {
                flex: 0;
                border: 1px solid #a9a9a9;
                padding: 16px 20px 16px;
                height: auto;
            }

        }


    }

}