/**
 * This element is using CSS from the following:
 *
 * - opengemeenten_linkhandling/Partials/Button/OpenGemeentenLinkHandling-Button.css
 *
 * Variables can be set there globally or override them here!
 */

.opening-times {
    --box-shadow: var(--root-box-shadow);
    --color-background: var(--root-color--white);
    --font-size: var(--root-font-size); /* Reset, use REM */
    --grow-vertical: 1;
    --padding: var(--root-tile-padding);
}

.opening-times__icon {
    --color-icon: var(--root-color--primary);
    --height: 2em;
    --width: 2em;
}

.opening-times__title {
    --color: var(--root-color--primary);
    --font-family: var(--root-heading-3-family);
    --font-size: var(--root-heading-3-size);
    --font-style: var(--root-heading-3-style);
    --font-weight: var(--root-heading-3-weight);
    --line-height: var(--root-heading-3-line-height);
}

.opening-times > *:first-child,
.opening-times__title {
    margin-top: 0;
}

.opening-times {
    background-color: var(--color-background, white);
    box-shadow: var(--box-shadow, 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.16));
    flex-grow: var(--grow-vertical, 1);
    font-size: var(--font-size, 1rem);
    padding: var(--padding, 1rem);
}

.opening-times__icon {
    fill: var(--color-icon, grey);
    height: var(--height, 2.5em);
    width: var(--width, 2.5em);
}

.opening-times__title {
    color: var(--color, black);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1.5em);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, bold);
    line-height: var(--line-height, inherit);
}