/* Theme Name: Dario Måleri
Theme URI: https://es.smedigt.se/
Author: Amar Delic
Template: hello-elementor
Author URI: https://smedigt.se/
Description: Fully optimized website, packed with features while being lightweight.
Version: 1.0
Requires PHP: 6.0
Text Domain: dario
*/

.dm-title .elementor-widget-container {
    display: flex;
}

.dm-title .elementor-heading-title {
    z-index: 1;
    position: relative;
}

.dm-title.dots .elementor-heading-title {
    border-bottom: 6px dotted black;
}

.dm-title .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: -0.75em;
    top: -1.5em;
    width: calc(35px + 4em);
    height: calc(35px + 3.75em);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.1;
    z-index: -2;
    background: var(--e-global-color-primary);
}

.dm-title .elementor-heading-title::before {
    content: '';
    position: absolute;
    left: 2.75em;
    top: -1em;
    width: calc(35px + 3.5em);
    height: calc(35px + 3.25em);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.2;
    z-index: -1;
    background: var(--e-global-color-accent);
}

.dm-title.dm-blob-1 .elementor-heading-title::after,
.dm-title.dm-blob-4 .elementor-heading-title::before,
.blob-1 { 
  border-radius: 62% 38% 31% 69% / 30% 51% 49% 70%;

}

.dm-title.dm-blob-2 .elementor-heading-title::after,
.dm-title.dm-blob-1 .elementor-heading-title::before,
.blob-2 { 
  border-radius: 62% 38% 27% 73% / 42% 23% 77% 58%;
}


.dm-title.dm-blob-3 .elementor-heading-title::after,
.dm-title.dm-blob-2 .elementor-heading-title::before,
.blob-3 { 
  border-radius: 42% 58% 27% 73% / 42% 80% 27% 58%;
}


.dm-title.dm-blob-4 .elementor-heading-title::after,
.dm-title.dm-blob-3 .elementor-heading-title::before,
.blob-4 { 
  border-radius: 42% 58% 75% 25% / 78% 73% 27% 22%;
}

.dm-title.r-45 .elementor-heading-title::after {
    transform: rotate(45deg);
}

.dm-title.r-90 .elementor-heading-title::after {
    transform: rotate(90deg);
}

.dm-title.r-180 .elementor-heading-title::after {
    transform: rotate(180deg);
}