/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 18.10.2022, 12:20:22
    Author     : Alex
*/

/* boxed portrait image */

.paragraph.paragraph--type--__-3-boxed-portrait-image .wrapper {
  position: relative;
  margin-top: 21px;
  z-index: 0;
}

.paragraph.paragraph--type--__-3-boxed-portrait-image.box-align-left {
  margin-left: 21px;
}

.paragraph.paragraph--type--__-3-boxed-portrait-image.box-align-right {
  margin-right: 21px;
}

.paragraph.paragraph--type--__-3-boxed-portrait-image .wrapper img {
  clip-path: polygon(0px 0px, 305px 0, 305px 456px, 0px 493px);
}

.paragraph.paragraph--type--__-3-boxed-portrait-image.box-align-left .wrapper .box-wrapper {
  position: absolute; top: -21px; left: -21px; z-index: -1;
}

.paragraph.paragraph--type--__-3-boxed-portrait-image.box-align-right .wrapper .box-wrapper {
  position: absolute; top: -21px; left: 21px; z-index: -1;
}

.paragraph.paragraph--type--__-3-boxed-portrait-image.box-animation-animated .mood-boxes__line-1 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bpi 0.305s linear forwards;
  animation-delay: 0.50s !important;
}

.paragraph.paragraph--type--__-3-boxed-portrait-image.box-animation-animated .mood-boxes__line-2 {
  stroke-dasharray: 477;
  stroke-dashoffset: 477;
  animation: bpi 0.477s linear forwards;
  animation-delay: 0.805s !important;
}

.paragraph.paragraph--type--__-3-boxed-portrait-image.box-animation-animated .mood-boxes__line-3 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bpi 0.305s linear forwards;
  animation-delay: 1.282s !important;
}

.paragraph.paragraph--type--__-3-boxed-portrait-image.box-animation-animated .mood-boxes__line-4 {
  stroke-dasharray: 477;
  stroke-dashoffset: 477;
  animation: bpi 0.477s linear forwards;
  animation-delay: 1.587s !important;
}

@keyframes bpi {
 to {
  stroke-dashoffset:0
 }
}

/* boxed landscape image */

.paragraph.paragraph--type--__-3-boxed-landscape-image .wrapper {
  position: relative;
  margin-top: 21px;
  z-index: 0;
}

.paragraph.paragraph--type--__-3-boxed-landscape-image.box-align-left {
  margin-left: 21px;
}

.paragraph.paragraph--type--__-3-boxed-landscape-image.box-align-right {
  margin-right: 21px;
}

.paragraph.paragraph--type--__-3-boxed-landscape-image .wrapper img {
  clip-path: polygon(0px 0px, 305px 0, 305px 174px, 0px 188px);
}

.paragraph.paragraph--type--__-3-boxed-landscape-image.box-align-left .wrapper .box-wrapper {
  position: absolute; top: -21px; left: -21px; z-index: -1;
}

.paragraph.paragraph--type--__-3-boxed-landscape-image.box-align-right .wrapper .box-wrapper {
  position: absolute; top: -21px; left: 21px; z-index: -1;
}

.paragraph.paragraph--type--__-3-boxed-landscape-image.box-animation-animated .mood-boxes__line-1 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bli 0.305s linear forwards;
  animation-delay: 0.50s !important;
}

.paragraph.paragraph--type--__-3-boxed-landscape-image.box-animation-animated .mood-boxes__line-2 {
  stroke-dasharray: 188;
  stroke-dashoffset: 188;
  animation: bli 0.188s linear forwards;
  animation-delay: 0.805s !important;
}

.paragraph.paragraph--type--__-3-boxed-landscape-image.box-animation-animated .mood-boxes__line-3 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bli 0.305s linear forwards;
  animation-delay: 0.993s !important;
}

.paragraph.paragraph--type--__-3-boxed-landscape-image.box-animation-animated .mood-boxes__line-4 {
  stroke-dasharray: 188;
  stroke-dashoffset: 188;
  animation: bli 0.188s linear forwards;
  animation-delay: 1.298s !important;
}

@keyframes bli {
 to {
  stroke-dashoffset:0
 }
}

/* boxed square image */

.paragraph.paragraph--type--__-3-boxed-square-image .wrapper {
  position: relative;
  margin-top: 21px;
  z-index: 0;
}

.paragraph.paragraph--type--__-3-boxed-square-image.box-align-left {
  margin-left: 21px;
}

.paragraph.paragraph--type--__-3-boxed-square-image.box-align-right {
  margin-right: 21px;
}

.paragraph.paragraph--type--__-3-boxed-square-image .wrapper img {
  clip-path: polygon(0px 0px, 305px 0, 305px 282px, 0px 305px);
}

.paragraph.paragraph--type--__-3-boxed-square-image.box-align-left .wrapper .box-wrapper {
  position: absolute; top: -21px; left: -21px; z-index: -1;
}

.paragraph.paragraph--type--__-3-boxed-square-image.box-align-right .wrapper .box-wrapper {
  position: absolute; top: -21px; left: 21px; z-index: -1;
}

.paragraph.paragraph--type--__-3-boxed-square-image.box-animation-animated .mood-boxes__line-1 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bsi 0.305s linear forwards;
  animation-delay: 0.50s !important;
}

.paragraph.paragraph--type--__-3-boxed-square-image.box-animation-animated .mood-boxes__line-2 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bsi 0.305s linear forwards;
  animation-delay: 0.805s !important;
}

.paragraph.paragraph--type--__-3-boxed-square-image.box-animation-animated .mood-boxes__line-3 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bsi 0.305s linear forwards;
  animation-delay: 1.11s !important;
}

.paragraph.paragraph--type--__-3-boxed-square-image.box-animation-animated .mood-boxes__line-4 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bsi 0.305s linear forwards;
  animation-delay: 1.415s !important;
}

@keyframes bsi {
 to {
  stroke-dashoffset:0
 }
}