/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

:root {
	--dubb-bs: 1.7px 1.7px 2.2px rgba(0, 0, 0, 0.02),
		4.2px 4.2px 5.3px rgba(0, 0, 0, 0.028),
		7.9px 7.9px 10px rgba(0, 0, 0, 0.035),
		14.1px 14.1px 17.9px rgba(0, 0, 0, 0.042),
		26.3px 26.3px 33.4px rgba(0, 0, 0, 0.05),
		63px 63px 80px rgba(0, 0, 0, 0.07);
	--dubb-bs-neg: -1.7px -1.7px -2.2px rgba(0, 0, 0, 0.02),
		-4.2px -4.2px -5.3px rgba(0, 0, 0, 0.028),
		-7.9px -7.9px -10px rgba(0, 0, 0, 0.035),
		-14.1px -14.1px -17.9px rgba(0, 0, 0, 0.042),
		-26.3px -26.3px -33.4px rgba(0, 0, 0, 0.05),
		-63px -63px -80px rgba(0, 0, 0, 0.07);
	--wght: 900;
}

::selection {
    background: var(--ci-grey);
    color: var(--ci-yellow);
}

body.bricks-is-frontend :focus-visible {
    outline: 2px dotted currentcolor;
}

@supports not selector(:focus-visible) {
    body.bricks-is-frontend :focus {
        outline: 2px dotted currentcolor
    }
}

.dubb-bs {
	box-shadow: var(--dubb-bs);
}

/*.brxe-button {
    box-shadow: var(--dubb_bs);
    transition: all .25s ease-in-out;
    cursor: pointer;
}*/

.brxe-button:hover {
    box-shadow: none;
}

.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5,
.single-post h6 {
    margin-bottom: calc(var(--dubb-spacing-3020) / 1.5)
}

/* CTA in Posts */
.dubb-posts-cta {
    position: relative;
    margin: var(--dubb-spacing-3020) 0;
    padding: var(--dubb-spacing-3020);
    border-radius: 8px;
    background-color: var(--ci-accent-transparent);
    box-shadow: var(--dubb-bs);
}

.dubb-posts-cta::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2024/03/Beitragsbild-dubb-AG-Ankuendigung.jpg) !important;
    background-size: cover;
    background-position: bottom center;
    opacity: 0.075;
	pointer-events: none;
}

.dubb-posts-cta button {
    border-radius: 999px;
    cursor: pointer;
    margin-top: var(--dubb-spacing-3020);
    position: relative;
    background-color: var(--ci-yellow-reverse);

    align-items: center;
    border-width: 0;
    color: var(--bricks-text-dark);
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    letter-spacing: .5px;
    padding: .5em 1em;
    text-align: center;
}

.dubb-posts-cta button a {
    border: none;
    transform-origin: center;
    color: var(--ci-lightgrey);
}

.dubb-posts-cta button:hover a {
    animation: ci-storm 0.7s ease-in-out both;
    animation-delay: 0.06s;
}

.dubb-posts-cta button:hover {
    animation: ci-rotate 0.7s ease-in-out both;
    box-shadow: var(--dubb-bs);
}

.dubb-posts-highlighted {
    position: relative;
    margin: var(--dubb-spacing-3020) 0;
    padding: var(--dubb-spacing-3020);
    border-radius: 8px;
    background-color: var(--ci-yellow-reverse);
    box-shadow: var(--dubb-bs);
    color: var(--ci-lightgrey) !important;
    font-weight: 500;
}

.dubb-posts-highlighted h2,
.dubb-posts-highlighted h3,
.dubb-posts-highlighted h4,
.dubb-posts-highlighted h5,
.dubb-posts-highlighted h6 {
	color: var(--ci-lightgrey) !important;
}

div#matomo-opt-out strong {
    font-weight: 400;
    color: var(--ci-grey);
}

.dubb-codeblock {
    padding: var(--dubb-spacing-3020);
    margin: calc(var(--dubb-spacing-3020) / 2) 0;
    background: var(--ci-accent-transparent);
    border-radius: 8px
}