.searchfield .input-group-navbar {
    min-width: 400px !important;
}

.card {
    margin-bottom: 20px !important;
}

.disabled {
    pointer-events: none;
    filter: opacity(0.5);
}

.card-img-top .image {
    border-radius: 12px 12px 0px 0px !important;
    height: 100%;
    width: 100% !important;
    object-fit: cover;
}


@media (min-width: 1440px) {
    .px-xl-7 {
        padding-right: 7rem !important;
        padding-left: 7rem !important;
    }

    .px-xxl-7 {
        padding-right: 7rem !important;
        padding-left: 7rem !important;
    }
}

@media (min-width: 992px) {
    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0px;
        -moz-column-gap: 1.25rem;
        column-gap: 20px;
        orphans: 1;
        widows: 1;
    }

    .card-columns .card {
        display: flex !important;
        flex-direction: row !important;
    }

    .card-img-top {
        border-radius: 12px 0px 0px 12px !important;
        min-height: 180px !important;
        background-color: #eeee;
        height: auto !important;
        width: 400px !important;
    }

    .card-img-top .image {
        border-radius: 12px 0px 0px 12px !important;
        height: 100%;
        width: 400px !important;
        object-fit: cover;
    }

    .post-name {
        text-align: left;
        color: white !important;
        font-size: 20px !important;
        padding: 10px;
        background-color: #eb7f00;
        margin-bottom: 0 !important;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 0px 12px 0px 0px !important;
        hyphens: auto;
    }

    .post-info {
        background-color: #23587c;
        margin-bottom: 0 !important;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 0px 0px 12px 0px !important;
    }
}

@media (max-width: 991px) {
    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0px;
        -moz-column-gap: 1.25rem;
        column-gap: 10px;
        orphans: 1;
        widows: 1;
    }

    .card-img-top {
        border-radius: 12px 12px 0px 0px !important;
        min-height: 180px;
        background-color: #eeee;
    }

    .post-name {
        text-align: left;
        color: white !important;
        font-size: 20px !important;
        padding: 10px;
        background-color: #eb7f00;
        margin-bottom: 0;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        hyphens: auto;
    }

    .post-info {
        background-color: #23587c;
        margin-bottom: 0 !important;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 0px 0px 12px 12px;
    }
}

@media (max-width: 1439px) {
    body.information-hidden #textcontainer {
        width: 100%;
        margin-right: 0;
    }
}