/**
 * IMAGE CARD
 * 
 * Contains styling for the image card app.
 */

.jor-image-card.jor-image-card {
    position: relative;
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: stretch;
    width: auto;
    margin: 4rem 0;

    background-color: transparent;
    border: 1px solid var(--jor-image-card-grid-card-border-color);
    box-shadow: none;
}

.jor-image-card.jor-image-card:hover {
    box-shadow: none;
}

.jor-image-card .jor-image-card__image-wrapper {
    min-width: 50%;
    display: flex;
}

.jor-image-card.jor-image-card__image-left .jor-image-card__image-wrapper img,
.jor-image-card.jor-image-card__image-right .jor-image-card__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jor-image-card.jor-image-card__image-top .jor-image-card__image-wrapper img,
.jor-image-card.jor-image-card__image-bottom .jor-image-card__image-wrapper img {
    height: 240px;
    object-fit: cover;
    width: 100%;
}

.jor-image-card__content {
    padding: 2rem;
    min-height: 160px;
}

.jor-image-card__content > .jor-image-card__item-link:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    content: "\f054";
    display: inline-block;
    margin-left: .9rem;
}

/* Bild till vänster eller höger */
.jor-image-card.jor-image-card__image-top,
.jor-image-card.jor-image-card__image-bottom {
    display: flex;
    flex-direction: column;
}

.jor-image-card.jor-image-card__image-top .jor-image-card__image-wrapper,
.jor-image-card.jor-image-card__image-bottom .jor-image-card__image-wrapper {
    width: 100%;
}

.jor-image-card .jor-image-card__heading {
    color: var(--jor-image-card-heading-font-color);
    margin-top: 0;
}

.jor-image-card__item-link {
    margin-top: 1rem;
}

.jor-image-card .jor-image-card__text {
    color: var(--jor-image-card-font-color);
    line-height: 1.5;
}

.jor-image-card .jor-image-card__text p {
    margin: 0;
    margin-bottom: 11px;
}


@media (max-width: 700px) {
    .jor-image-card {
        flex-direction: column;
    }

    .jor-image-card.jor-image-card__image-right,
    .jor-image-card.jor-image-card__image-bottom {
        flex-direction: column-reverse;
    }

    .jor-image-card .jor-image-card__image-wrapper {
        min-width: 100%;
    }

    .jor-image-card__content {
        padding: 1rem 1.5rem;
    }
}