/* 
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: #067F38;
    background: transparent;
}


/* 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;
}

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

/* Remove focus color */

/* 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;
}

.scroll-wipe-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--reveal-height, 0%);
  border-left: 4px solid #067F38;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 1;
}

/* Custom bullets */
/* Remove default bullets */
.elementor-widget-text-editor ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* Use flex for perfect vertical alignment */
.elementor-widget-text-editor ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px; /* space between icon and text */
}

/* SVG bullet inheriting text color */
.elementor-widget-text-editor ul li::before {
  content: "";
  width: 28px;
  height: 28px;
  margin-top: 2px;
  flex-shrink: 0;

  background-color: currentColor; /* ← inherits font colour */

  -webkit-mask: url("/wp-content/uploads/2026/02/arrow-circle-right.svg") no-repeat center;
  -webkit-mask-size: contain;

  mask: url("/wp-content/uploads/2026/02/arrow-circle-right.svg") no-repeat center;
  mask-size: contain;
}