/* 
Skapar egna klasser "va-...-box" som läggs till som CSS-regler under 
Webbplatsinställningar / Dekorationer och som appliceras på boxar på 
bland annat startsidan.
*/

/* Box med röd knapp */
.va-red-box {
    background-color: #de092d;
    border-radius: 5px;
    box-shadow: var(--env-box-shadow-large);
    overflow: hidden;
}

/* Bilden */
.va-red-box .sv-image-portlet img,
.va-red-box .sv-marketplace-mediaflow-mediaflow img {
    border-radius: 0;
}

/* Box med blå knapp */
.va-blue-box {
    background-color: #0b3a5a;
    border-radius: 5px;
    box-shadow: var(--env-box-shadow-large);
    overflow: hidden;
}

/* Bilden */
.va-blue-box .sv-image-portlet img,
.va-blue-box .sv-marketplace-mediaflow-mediaflow img {
    border-radius: 0;
}