/* PORTLET OVERRIDES
---------------------------------------------------------------------------- */

/* Page menu (Listar produkter/undersidor som kort)
---------------------------------------------------------------------------- */

.sv-consid-pageimageMenu .con-pageimage-menu a {
    /*word-wrap: break-word;*/
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    line-height: 1.3;
    font-family: 'Oswald',sans-serif;
    font-weight: 600;
    letter-spacing: 0.0125rem;
}

.sv-consid-pageimageMenu .con-pageimage-menu a::before {
    top: 22%;
}

/* Container */
.sv-consid-pageimageMenu .con-pageimage-menu {
    --sma-gutter-x: 1rem;
    --sma-gutter-y: 1rem;
    width: 100%;
    margin-top: 2rem;
    margin-right: auto;
    margin-bottom: 2rem;
    margin-left: auto;
}

@media (min-width: 1024px) {
    .sv-consid-pageimageMenu .con-pageimage-menu {
        --sma-gutter-x: 1rem;
        --sma-gutter-y: 1rem;
    }   
}

/* List */
.sv-consid-pageimageMenu .con-pageimage-menu .card-wrapper {
    /*display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 2em;
    margin-bottom: 2em;*/
    margin-top: calc(-1 * var(--sma-gutter-y));
    margin-right: calc(-.5 * var(--sma-gutter-x));
    margin-bottom: 0;
    margin-left: calc(-.5 * var(--sma-gutter-x));
}

/* List item */
.sv-consid-pageimageMenu .con-pageimage-menu .card {
    /*flex-basis: auto;
    background-color: #daaa00;
    width: 23.65%;
    margin-right: 1.8%;
    margin-bottom: 1.9%;*/

    background-color: transparent;
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--sma-gutter-x) * .5);
    padding-left: calc(var(--sma-gutter-x) * .5);
    margin-top: calc(var(--sma-gutter-y) * 1.5);
    margin-right: 0;
    margin-bottom: 0 !important;
}

@media (min-width: 576px) {
    .sv-consid-pageimageMenu .con-pageimage-menu .card {
        width: 50%;
        margin-top: calc(var(--sma-gutter-y) * 1);
    }   
}

@media (min-width: 768px) {
    .sv-consid-pageimageMenu .con-pageimage-menu .card {
        width: 50%;
    }   
}

@media (min-width: 1024px) {
    .sv-consid-pageimageMenu .con-pageimage-menu .card {
        width: 33.33333%;
    }   
}

/* Card image */
.sv-consid-pageimageMenu .con-pageimage-menu .card .image-frame {
    /*height: 7em;
    overflow: hidden;
    background-color: #e2e2e2;
    display: flex;
    justify-content: center;
    align-items: center;*/
    /*height: 8.438rem;*/
    height: auto;
    position: relative;
    box-sizing: border-box;
}

.sv-consid-pageimageMenu .con-pageimage-menu .card .image-frame::before {
    display: block;
    padding-top: 48.93%; /* Ratio 940 x 460 px */
    content: "";    
}

.sv-consid-pageimageMenu .con-pageimage-menu .card .image-frame img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
}

/* Card text */
.sv-consid-pageimageMenu .con-pageimage-menu .text-content {
    /*background-color: #daaa00;*/
    background-color: var(--sma-color-blue-dark);
}

.sv-consid-pageimageMenu .con-pageimage-menu .text-content:hover {
    background-color: var(--sma-color-brown-dark);
}

/* Card link */
.sv-consid-pageimageMenu .con-pageimage-menu .card a {
    color: #fff;
}

/* Consid inspiration card (Inspirationskort)
---------------------------------------------------------------------------- */

.sv-consid-inspiration-card .con-inspiration-card {
    margin: 0 0 2em 0;
}

.sv-consid-inspiration-card .con-inspiration-card h2.env-embedded__title.env-text {
    color: #646464;
    font-size: 1.4em;
    padding-top: 0;
    padding-bottom: 0.5em;
    font-weight: 600;
    font-family: 'Oswald',sans-serif;
    line-height: 1.375;
}