/* //////////////////////////////////////////////  */
/*                Arrow animations  */
/* //////////////////////////////////////////////  */

/* prev arrow */

.ln-things-to-do-section .swiper-button-prev,
.custom-commercial-tabs .swiper-button-prev,
.ln-leasing-opportunity .swiper-button-prev,
.ln-testimonial-swiper-controls .swiper-button-prev,
.lp-amenities-section .swiper-button-prev {
   position: relative;
   top: 100%;
   width: calc(var(--swiper-navigation-size) / 44 * 27);
   height: var(--swiper-navigation-size);
   margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
   z-index: 10;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--swiper-navigation-color, var(--swiper-theme-color));
   width: 48px;
   height: 48px;
   border-radius: 50%;
   border: 2px solid #e2523b;
   -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
   transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.ln-things-to-do-section .swiper-button-prev:after,
.custom-commercial-tabs .swiper-button-prev:after,
.ln-leasing-opportunity .swiper-button-prev:after,
.ln-testimonial-swiper-controls .swiper-button-prev:after,
.lp-amenities-section .swiper-button-prev:after {
   content: url(/wp-content/uploads/2024/04/chevron-right-red1.svg);
   position: relative;
   top: 1px;
   right: 0px;
   font-family: swiper-icons;
   font-size: var(--swiper-navigation-size);
   text-transform: none !important;
   letter-spacing: 0;
   text-transform: none;
   font-variant: initial;
   line-height: 1;
}

.ln-things-to-do-section .swiper-button-prev:hover:after,
.custom-commercial-tabs .swiper-button-prev:hover:after,
.ln-leasing-opportunity .swiper-button-prev:hover:after,
.ln-testimonial-swiper-controls .swiper-button-prev:hover:after,
.lp-amenities-section .swiper-button-prev:hover:after {
   animation: MoveLeftInitial 0.25s forwards, MoveLeftEnd 0.25s forwards 0.25s;
}

/* next arrow */

.ln-things-to-do-section .swiper-button-next,
.custom-commercial-tabs .swiper-button-next,
.ln-leasing-opportunity .swiper-button-next,
.ln-testimonial-swiper-controls .swiper-button-next,
.lp-amenities-section .swiper-button-next,
.swiper-button-down {
   position: relative;
   top: 100%;
   width: calc(var(--swiper-navigation-size) / 44 * 27);
   height: var(--swiper-navigation-size);
   margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
   z-index: 10;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--swiper-navigation-color, var(--swiper-theme-color));
   width: 48px;
   height: 48px;
   border-radius: 50%;
   border: 2px solid #e2523b;
   -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
   transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.ln-things-to-do-section .swiper-button-next:after,
.custom-commercial-tabs .swiper-button-next:after,
.ln-leasing-opportunity .swiper-button-next:after,
.ln-testimonial-swiper-controls .swiper-button-next:after,
.lp-amenities-section .swiper-button-next:after,
.swiper-button-down:after {
   content: url(/wp-content/uploads/2024/04/chevron-right-red2.svg);
   position: relative;
   top: 1px;
   right: -2px;
   font-family: swiper-icons;
   font-size: var(--swiper-navigation-size);
   text-transform: none !important;
   letter-spacing: 0;
   text-transform: none;
   font-variant: initial;
   line-height: 1;
}

.ln-things-to-do-section .swiper-button-next:hover:after,
.custom-commercial-tabs .swiper-button-next:hover:after,
.ln-leasing-opportunity .swiper-button-next:hover:after,
.ln-testimonial-swiper-controls .swiper-button-next:hover:after,
.lp-amenities-section .swiper-button-next:hover:after,
.swiper-button-down:hover:after {
   animation: MoveRightInitial 0.25s forwards, MoveRightEnd 0.25s forwards 0.25s;
}

/* down arrow */

.lakenona-community-hero .swiper-button-down {
   position: relative;
   top: 100%;
   width: calc(var(--swiper-navigation-size) / 44 * 27);
   height: var(--swiper-navigation-size);
   margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
   z-index: 10;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--swiper-navigation-color, var(--swiper-theme-color));
   width: 48px;
   height: 48px;
   border-radius: 50%;
   border: 2px solid #f6f4e9;
   -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
   transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
   margin-left: 35px;
}

.lakenona-community-hero .swiper-button-down:after {
   content: url(/wp-content/uploads/2024/04/chevron-down.svg);
   position: relative;
   top: 3px;
   right: 0px;
   font-family: swiper-icons;
   font-size: var(--swiper-navigation-size);
   text-transform: none !important;
   letter-spacing: 0;
   text-transform: none;
   font-variant: initial;
   line-height: 1;
}

.lakenona-community-hero .swiper-button-down:hover:after {
   animation: MoveDownInitial 0.25s forwards, MoveDownEnd 0.25s forwards 0.25s;
}

span.cards-arrow-next {
   position: relative;
   top: -3px;
   right: -90%;
   width: calc(var(--swiper-navigation-size) / 44 * 27);
   height: var(--swiper-navigation-size);
   margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
   z-index: 10;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--swiper-navigation-color, var(--swiper-theme-color));
   width: 26px;
   height: 26px;
   border-radius: 50%;
   -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
   transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
   background-color: #ffffff;
}

span.cards-arrow-next:after {
   content: url(/wp-content/uploads/2024/05/things-to-do-readmore-arrow.svg);
   /* content: url(/wp-content/uploads/2024/04/chevron-right-red2.svg); */
   position: relative;
   top: 0;
   width: auto;
   height: auto;
   right: 0;
   left: auto;
}

.et_pb_blurb_container:hover span.cards-arrow-next:after {
   animation: MoveRightInitial 0.25s forwards, MoveRightEnd 0.25s forwards 0.25s;
}

@-webkit-keyframes MoveRightInitial {
   100% {
      -webkit-transform: translate3d(70%, 0, 0);
      transform: translate3d(70%, 0, 0);
      opacity: 0;
   }
}

@-webkit-keyframes MoveRightEnd {
   0% {
      -webkit-transform: translate3d(-70%, 0, 0);
      transform: translate3d(-70%, 0, 0);
      opacity: 0;
   }
   100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

@-webkit-keyframes MoveLeftInitial {
   100% {
      -webkit-transform: translate3d(-70%, 0, 0);
      transform: translate3d(-70%, 0, 0);
      opacity: 0;
   }
}

@-webkit-keyframes MoveLeftEnd {
   0% {
      -webkit-transform: translate3d(70%, 0, 0);
      transform: translate3d(70%, 0, 0);
      opacity: 0;
   }
   100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

@-webkit-keyframes MoveDownInitial {
   100% {
      -webkit-transform: translate3d(0, 70%, 0);
      transform: translate3d(0, 70%, 0);
      opacity: 0;
   }
}

@-webkit-keyframes MoveDownEnd {
   0% {
      -webkit-transform: translate3d(0, -70%, 0);
      transform: translate3d(0, -70%, 0);
      opacity: 0;
   }
   100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
   }
}

/* //////////////////////////////////////////////  */
/*         subtitle fade in animation  */
/* //////////////////////////////////////////////  */

/* CSS for the animation */
.subtitle {
   opacity: 0;
   animation: fadeInAnimation 2s forwards;
}
/* Keyframes for the animation */
@keyframes fadeInAnimation {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}

@media (max-width: 1025px) and (min-width: 520px) {
   span.cards-arrow-next {
      top: 0px;
      right: -95%;
   }
}