﻿
.beContainer[style*="color"] h1,
.beContainer[style*="color"] h2,
.beContainer[style*="color"] h3,
.beContainer[style*="color"] h4,
.beContainer[style*="color"] h5,
.beContainer[style*="color"] h6 {
    color: var(--HeadingColor);
}

.swiper-imageCaption {
    margin-top: 8px;
    font-size: 11px;
}


/* No border-radius Image Gallery */
#main .beImageGalleryImageContainer img {
    border-radius: 12px;
}

.beImageGalleryImageContainer a {
    border-radius: 12px;
}


/* Card */

/* No border-radius within Card */
#main .beItem[data-itemname="Card"] img {
    border-radius: 0;
}

/* Global / Container */
.cardStyleBlue .beItem[data-itemname="Card"] {
    background-color: var(--ThemeColorBlue);
    color: #fff;
}

.cardStyleGreen .beItem[data-itemname="Card"] {
    background-color: var(--ThemeColorGreen);
    color: #fff;
}

.cardStyleRed .beItem[data-itemname="Card"] {
    background-color: var(--ThemeColorRed);
    color: #fff;
}

.cardStyleYellow .beItem[data-itemname="Card"] {
    background-color: var(--ThemeColorYellow);
    color: #fff;
}


/* Item-specific: */
.beItem[data-itemname="Card"].cardItemStyleBlue {
    background-color: var(--ThemeColorBlue);
    color: #fff;
}

.beItem[data-itemname="Card"].cardItemStyleGreen {
    background-color: var(--ThemeColorGreen);
    color: #fff;
}

.beItem[data-itemname="Card"].cardItemStyleRed {
    background-color: var(--ThemeColorRed);
    color: #fff;
}

.beItem[data-itemname="Card"].cardItemStyleYellow {
    background-color: var(--ThemeColorYellow);
    color: #fff;
}

/* End Card */
