/**
Theme Name: Dream Theme
Theme URI: https://pofc.se/portfolio/dream-theme
Author: Cristoffer Jakobsson @ pofc.se
Author URI: https://pofc.se
Version: 1.2.10
Description: The theme of your dreams...
Text Domain: dream-theme
*/


p > img {
    vertical-align: middle;
}

:root {
    --decorator-bg: var(--decorator-background, var(--wp--preset--color--primary));
    --decorator-fg: var(--decorator-foreground, var(--wp--preset--color--background));
    --decorator-link-bg: var(--decorator-link-background, var(--wp--preset--color--primary));
    --decorator-link-fg: var(--decorator-link-foreground, var(--wp--preset--color--background));
}

p.decorator > a, p.decorator_link > a {
    position: relative;
}

p.decorator > a::after, p.decorator_link > a::after {
    content: "";
    position:absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    z-index: 0;
}

p.decorator:not(.outline) > a::after, p.decorator_link:not(.outline) > a::after {
    background-color: var(--decorator-link-bg);
}

p.decorator.outline > a::after, p.decorator_link.outline > a::after {
    border: 2px solid var(--decorator-link-bg);
}
p.decorator:not(.full-width) > a::after, p.decorator_link:not(.full-width) > a::after {
    top: 0px;
    right: -40px;
}

p.decorator.full-width > a::after, p.decorator_link.full-width > a::after {
    top: 0px;
    right: 0px;
}

p.decorator > a::before, p.decorator_link > a::before {
    content: "";
    position:absolute;
    width: 20px;
    height: 20px;
    z-index: 1;
    mask-image: url("/wp-content/themes/dream-theme/assets/image/chevron-right.svg");
    background-size: 20px 20px;
    background-position: center center;
}

p.decorator:not(.full-width) > a::before, p.decorator_link:not(.full-width) > a::before {
    top: 4px;
    right: -41px;
}

p.decorator.full-width > a::before, p.decorator_link.full-width > a::before {
    top: 4px;
    right: -1px;
}

p.decorator:not(.outline) > a::before, p.decorator_link:not(.outline) > a::before {
    background-color: var(--decorator-link-fg);
}

p.decorator.outline > a::before, p.decorator_link.outline > a::before {
    background-color: var(--decorator-link-bg);
}

p.decorator.full-width > a, p.decorator_link.full-width > a {
    display: block;
}

.decorator:hover {
    box-shadow: 0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f !important;
}

.decorator .decorator {
    box-shadow: none !important;
}

.wp-block-cover.decorator::after {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    right: 24px;
    bottom: 24px;
    z-index: 20;
    border-radius: 50%;
    transition: all 300ms ease-in-out;
}

.wp-block-cover.decorator:not(.outline)::after, .wp-block-cover.decorator_link:not(.outline)::after {
    background-color: var(--decorator-bg);
}
.wp-block-cover.decorator.outline::after, .wp-block-cover.decorator_link.outline::after {
    border: 2px solid var(--decorator-bg);
}

.wp-block-cover.decorator::before, .wp-block-cover.decorator_link::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    right: 23px;
    bottom: 24px;
    z-index: 21;
    mask-image: url("/wp-content/themes/dream-theme/assets/image/chevron-right.svg");
    background-size: 20px 20px;
    background-position: center center;
    transition: all 300ms ease-in-out;
}

.wp-block-cover.decorator:not(.outline)::before, .wp-block-cover.decorator_link:not(.outline)::before {
    background-color: var(--decorator-fg);
}
.wp-block-cover.decorator.outline::before, .wp-block-cover.decorator_link.outline::before {
    background-color: var(--decorator-bg);
}
.wp-block-cover.decorator:hover::after, .wp-block-cover.decorator:hover::before,
.wp-block-cover.decorator_link:hover::after, .wp-block-cover.decorator_link:hover::before {
    transform: scale(1.2);
}


.is-style-cover-link a::after {
    display:  block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 23;
    content: '';
}