/* Additions to the Retal theme for what its blocks can do beyond the source site. style.css stays an unmodified copy. */
.slide_bgimg .slide-bgvideo {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.slide_bgimg .gallery-slider-text {
    z-index: 1;
}

/* The Button block in the Retal look: brown, square, the theme's fonts, dark on hover (as .btn-brown and
   .btn-outline in style.css). Colours chosen in the block's Style tab still win. */
.site-buttons .site-btn {
    border-radius: var(--bk-btn-r, 0);
    font-family: var(--font-head);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    padding: 12px 24px;
    transition: all .3s;
}

.ltr .site-buttons .site-btn {
    font-weight: 400;
}

.site-buttons .site-btn.is-small {
    font-size: 13px;
    padding: 9px 18px;
}

.site-buttons .site-btn.is-large {
    font-size: 17px;
    padding: 16px 32px;
}

.site-buttons .site-btn.is-primary {
    background: var(--bk-btn-bg, #85553A);
    border-color: var(--bk-btn-border, var(--bk-btn-bg, #85553A));
    color: var(--bk-btn-color, #fff);
}

.site-buttons .site-btn.is-secondary {
    background: var(--bk-btn-bg, #2C2C2C);
    border-color: var(--bk-btn-border, var(--bk-btn-bg, #2C2C2C));
    color: var(--bk-btn-color, #fff);
}

.site-buttons .site-btn.is-outline {
    border-color: var(--bk-btn-border, #2C2C2C);
    color: var(--bk-btn-color, #2C2C2C);
}

.darkTheme .site-buttons .site-btn.is-outline {
    border-color: var(--bk-btn-border, #fff);
    color: var(--bk-btn-color, #fff);
}

.site-buttons .site-btn.is-text {
    color: var(--bk-btn-color, #85553A);
    padding-inline: 0;
}

@media (hover: hover) {
    .site-buttons .site-btn:is(.is-primary, .is-secondary, .is-outline):hover {
        filter: none;
    }

    .site-buttons .site-btn.is-primary:hover,
    .site-buttons .site-btn.is-outline:hover {
        background: var(--bk-btn-hover-bg, #2C2C2C);
        border-color: var(--bk-btn-hover-bg, #2C2C2C);
        color: var(--bk-btn-hover-color, #fff);
    }

    .site-buttons .site-btn.is-secondary:hover {
        background: var(--bk-btn-hover-bg, #85553A);
        border-color: var(--bk-btn-hover-bg, #85553A);
        color: var(--bk-btn-hover-color, #fff);
    }

    .darkTheme .site-buttons .site-btn.is-outline:hover {
        background: var(--bk-btn-hover-bg, #fff);
        border-color: var(--bk-btn-hover-bg, #fff);
        color: var(--bk-btn-hover-color, #2C2C2C);
    }
}

.site-buttons .site-btn:focus-visible {
    outline-color: var(--bk-btn-bg, #85553A);
}