/* 
Theme Name: JustPostIt by Pillarbox Digital
Theme URI: https://github.com/elementor/hello-theme/
Description: Elementor Child Theme
Author: Pillarbox Digital
Author URI: https://pillarboxdigital.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

mark {
    color: #2EC3B9;
}

/* Smooth hide/reveal for sticky header */
.sticky-header {
  top: 0;
  width: 100%;
  z-index: 999;
  transition: top 0.8s ease-in-out;
}

/* Remove focus outline */
button:focus,
.elementor-button:focus,
a:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Optional: prevent hover style when focused */
button:focus:not(:hover),
.elementor-button:focus:not(:hover),
a:focus:not(:hover) {
  background-color: inherit !important;
  color: inherit !important;
}

/* Carousel widget wide active pagination ::-moz-list-bullet */


.swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    border-radius: 9999px;
}

.elementor-widget-loop-carousel.elementor-pagination-position-outside>.elementor-widget-container .swiper-pagination-bullet  {  
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px;
}

.swiper-pagination-bullet-active {
    width: 32px !important;
    height: 8px !important;
    border-radius: 9999px;
}

.elementor-widget-loop-carousel.elementor-pagination-position-outside>.elementor-widget-container .swiper-pagination-bullet-active  {  
    width: 32px !important;
    height: 8px !important;
    border-radius: 999px;
}

/* Steady Slider */

.pillarbox_steady_slider{
  position: relative;
  overflow: hidden;
}

/* Apply fade to whichever element is the visible viewport (desktop + mobile) */
.pillarbox_steady_slider .swiper,
.pillarbox_steady_slider .elementor-image-carousel-wrapper{
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 3%,
    #000 97%,
    transparent 100%
  );
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;

  mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 3%,
    #000 97%,
    transparent 100%
  );
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

/* steady movement */
.pillarbox_steady_slider .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}