
/* =========================================================
   BUCURIE INFINITĂ
========================================================= */

#rec2886552303 .t1241__content {
  position: relative;
}


/* TEXT */
#rec2886552303 .t1241__content::before {
  content: "Bucurie Infinită";
  position: absolute;
  top: -60px;
  left: 0;
  z-index: 20;
  color: #F9B7C3;
  font-family: "Dancing Script", cursive;
  font-size: 20px;
  font-weight: 600;
}


/*
  LINIE PUNCTATĂ + INIMĂ
  poziționate ca în poza de referință
*/
#rec2886552303 .t1241__content::after {
  content: "♥";
    position: absolute;
    top: -62px;
    left: 135px;
    width: 98px;
    border-top: 1.9px dashed #ee8ea4;
    border-radius: 50%;
    z-index: 20;
    color: #F9B7C3;
    font-size: 39px;
    line-height: 22px;
    text-align: right;
}


/* =========================================================
   TITLE
========================================================= */

#rec2886552303 .poka-letter-p {
  color: #F9B7C3;
}

#rec2886552303 .poka-letter-o {
  color: #B2E1E8;
}

#rec2886552303 .poka-letter-k {
  color: #FDE293;
}

#rec2886552303 .poka-letter-a {
  color: #D9CCF2;
}

/* =========================================================
   IMAGE
========================================================= */

#rec2886552303 .t1241__cover {
  mask-image:
    linear-gradient(
      to right,
      transparent 0%,
      rgba(0,0,0,.18) 3%,
      rgba(0,0,0,.45) 7%,
      rgba(0,0,0,.72) 11%,
      rgba(0,0,0,.92) 15%,
      #000 19%,
      #000 81%,
      rgba(0,0,0,.92) 85%,
      rgba(0,0,0,.72) 89%,
      rgba(0,0,0,.45) 93%,
      rgba(0,0,0,.18) 97%,
      transparent 100%
    ),

    linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0,0,0,.18) 3%,
      rgba(0,0,0,.45) 7%,
      rgba(0,0,0,.72) 11%,
      rgba(0,0,0,.92) 15%,
      #000 19%,
      #000 81%,
      rgba(0,0,0,.92) 85%,
      rgba(0,0,0,.72) 89%,
      rgba(0,0,0,.45) 93%,
      rgba(0,0,0,.18) 97%,
      transparent 100%
    );
  mask-composite: intersect;

}


/* =========================================================
   HEART DOODLE BESIDE IMAGE
========================================================= */

#rec2886552303 .t1241__image::before {
  content: "♡";
  position: absolute;
  z-index: 20;
  left: -75px;
  top: 45%;
  color: #F9B7C3;
  font-size: 53px;
}

#rec2886552303 .t1241__image::after {
  content: "";
  position: absolute;
  z-index: 20;
  left: -27px;
  top: 47%;
  width: 16px;
  height: 9px;
  transform: rotate(22deg);
  background:
    linear-gradient(
      135deg,
      transparent 0 25%,
      #ef9daf 25% 45%,
      transparent 45% 56%,
      #ef9daf 56% 76%,
      transparent 76%
    );
}

/* =========================================================
   RANDOM BALLOONS
========================================================= */
#rec2886552303 .poka-balloon {
  position: absolute;
  width: 30px;
  height: 38px;
  border-radius:
    52% 52% 48% 48% /
    58% 58% 42% 42%;
  opacity: .65;
  pointer-events: none;
}

/* knot */
#rec2886552303 .poka-balloon::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid currentColor;
}

/* string */
#rec2886552303 .poka-balloon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(100% + 3px);
  width: 1px;
  height: 42px;
  background: rgba(74,74,74,.20);
  transform-origin: top;
  transform: rotate(4deg);
}

/* BALLOON 1 */
#rec2886552303 .poka-balloon--1 {
  left: 4%;
  top: 18%;
  width: 22px;
  height: 28px;
  background: #B2E1E8;
  color: #B2E1E8;
  transform: rotate(-7deg);
}

/* BALLOON 2 */
#rec2886552303 .poka-balloon--2 {
  left: 11%;
  top: 67%;
  width: 28px;
  height: 36px;
  background: #F9B7C3;
  color: #F9B7C3;
  transform: rotate(8deg);
}

/* BALLOON 3 */
#rec2886552303 .poka-balloon--3 {
  left: 37%;
  top: 13%;
  width: 25px;
  height: 32px;
  background: #FDE293;
  color: #FDE293;
  transform: rotate(5deg);
}

/* BALLOON 4 */
#rec2886552303 .poka-balloon--4 {
  left: 44%;
  bottom: 7%;
  width: 21px;
  height: 28px;
  background: #B5EAD7;
  color: #B5EAD7;
  transform: rotate(-8deg);
}

/* BALLOON 5 */
#rec2886552303 .poka-balloon--5 {
  right: 5%;
  top: 22%;
  width: 27px;
  height: 35px;
  background: #D9CCF2;
  color: #D9CCF2;
  transform: rotate(7deg);
}

/* BALLOON 6 */
#rec2886552303 .poka-balloon--6 {
  right: 9%;
  bottom: 10%;
  width: 23px;
  height: 30px;
  background: #FDE293;
  color: #FDE293;
  transform: rotate(-5deg);
}


/* BALLOON 7 */
#rec2886552303 .poka-balloon--7 {
  right: 34%;
  top: 7%;
  width: 19px;
  height: 25px;
  background: #D9CCF2;
  color: #D9CCF2;
  opacity: .52;
  transform: rotate(-6deg);
}

/*Infinite scrolling */
#rec2905933303 .t1003__outer,
#rec2905933303 .t1003__wrapper,
#rec2905933303 .t1003__content-wrapper {
  background: transparent !important;
}

/* ascunde textul / marquee */
#rec2905933303 .t1003__content {
  display: none !important;
}

/* imaginea */
#rec2905933303 .t1003__content-wrapper {
  background-image: url("https://static.tildacdn.com/tild6230-3966-4935-b262-323039323632/element.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 370px !important;
}


  /* mai puține baloane pe mobile */
@media screen and (max-width: 960px) {
  .t1241__content-wrapper{padding-bottom: 26px;}
  #rec2886552303 .t1241__title span.poka-air{white-space: nowrap; font-size: 42px;}
  #rec2905933303 .t1003__content-wrapper {background-size: 130% 449px !important;}
  /*#rec2905933303 .t1003__outer, #rec2905933303 .t1003__wrapper, #rec2905933303 .t1003__content-wrapper {*/
  /*margin-top: -38px!important;*/
  /*}*/
  
}
@media screen and (max-width: 1899px) {
    #rec2891487103 .t396__artboard, #rec2891487103 .t396__filter, #rec2891487103 .t396__carrier {
        /*height: 390px!important;*/
    }
}
