/* CARD
---------------------------------------------------------------------------- */

/* Card containers
---------------------------------------------------------------------------- */

.sma-card-container * {
    box-sizing: border-box;
}

.sma-card-container {
    margin-top: 0rem;
}

.sma-card-container > div {
    display: flex;
    flex-wrap: wrap;
    /*margin: 0 -1rem;*/
    margin: 0 -0.625rem;
}

/* Card container col-2 
---------------------------------------- */

.sma-card-container-col-2 > div > div {
    display: flex;
    width: 100%;
    /*padding: 0 1rem;*/
    padding: 0 0.625rem;
}

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) {
    .sma-card-container-col-2 > div > div {
        width: 50%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .sma-card-container-col-2 > div > div {
        width: 50%;
    }   
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .sma-card-container-col-2 > div > div {
        width: 50%;
    }
}

/* Card container col-3 
---------------------------------------- */

.sma-card-container-col-3 > div > div {
    display: flex;
    width: 100%;
    /*padding: 0 1rem;*/
    padding: 0 0.625rem;
    box-sizing: border-box;
}

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) {
    .sma-card-container-col-3 > div > div {
        width: 50%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .sma-card-container-col-3 > div > div {
        width: 33.333333%;
    }   
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .sma-card-container-col-3 > div > div {
        width: 33.333333%;
    }
}

/* Kod nedan används ej i dagsläget! */

/* Card image top
---------------------------------------------------------------------------- */

.sma-card-img-top  {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    /*height: var(--bs-card-height);*/
    min-width: 0;
    word-wrap: break-word;
    margin: 0 0 3rem 0;
}

.sma-card-img-top .sv-decoration-content .sv-image-portlet {
    margin: 0 !important;
}

.sma-card-img-top .sv-decoration-content > div > div.sv-vertical {
    padding: 1.7rem 1rem 1.7rem 1rem;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .sma-card-img-top .sv-decoration-content > div > div.sv-vertical {
        padding: 1.7rem 2rem 1.7rem 2rem;
    }   
}

.sma-card-img-top .sv-decoration-content h2,
.sma-card-img-top .sv-decoration-content h3,
.sma-card-img-top .sv-decoration-content p.normal {
    font-family: var(--sma-font-family-serif);
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 0;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .sma-card-img-top .sv-decoration-content h2,
    .sma-card-img-top .sv-decoration-content h3,
    .sma-card-img-top .sv-decoration-content p.normal {
        font-size: 2rem;
    }   
}

.sma-card-img-top .sv-decoration-content h2::after,
.sma-card-img-top .sv-decoration-content h3::after {
    display: none;
 }

.sma-card-img-top .sv-decoration-content h2 a,
.sma-card-img-top .sv-decoration-content h3 a,
.sma-card-img-top .sv-decoration-content p.normal a {
    display: block;
    color: var(--sma-color-blue-dark);
    text-decoration: none;
    text-align: center;
}

.sma-card-img-top .sv-decoration-content h2 a::after,
.sma-card-img-top .sv-decoration-content h3 a::after,
.sma-card-img-top .sv-decoration-content p.normal a::after {
    content: '';
    display: inline-block;
    height: 1rem;
    width: 1rem;
    background-image: url('/images/18.76ab5fd51832fa984e48f/1662966393131/arrow-right-light.svg');
    background-position: initial;
    background-size: contain;
    background-repeat: no-repeat;
    /*vertical-align: -6%;*/
    margin-left: 0.4rem;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .sma-card-img-top .sv-decoration-content h2 a::after,
    .sma-card-img-top .sv-decoration-content h3 a::after,
    .sma-card-img-top .sv-decoration-content p.normal a::after {
       height: 1.3rem;
       width: 1.3rem;
       /*vertical-align: -6%;*/
       margin-left: 0.4rem;
    }   
}


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { }

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { }