/*
Theme Name: Laughton Creatves Hello Child
Theme URI: https://laughtoncreatves.com/
Template: hello-elementor
Author: Laughton Creatves
Author URI: https://laughtoncreatves.com/
Description: Laughton Creatves Hello is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1751905928
Updated: 2025-07-07 16:32:08

*/

#site-header.dynamic-header {
	display: none;
	}

.page h2 {
    text-wrap: balance;
    }

/*** DOTTED TRAIL ANIMATION BEGINS ***/
/* Make SVG dotted trail responsive for different screen sizes */
.dotted-trail-reveal svg {
	width: 100%; /* scale to parent container */
	height: auto;
	max-width: 127.425px; /* original SVG width */
	}

/* Fallback: Simple opacity fade-in for testing */
.dotted-trail-reveal {
	width:100%;
	opacity: 0;
	animation: fadeInTrail 2s ease-out forwards;
	animation-delay: 0.5s;
    }

@keyframes fadeInTrail {
  to {
	opacity: 1;
  }
}
/*** Dotted Trail Animation Ends ***/

/*** Images Multiply ***/
#Images-Multiply {
	mix-blend-mode: multiply;
	}

/********* ABOUT ***/
#Fingerprint {
    mix-blend-mode: normal;
	}


/********* BLOG ***/
selector img {
    aspect-ratio: 7 / 5;
    object-fit: cover;
    width: 100%;
    height: auto;
    display: block;
	}

/* Pagination container */
.elementor-pagination {
    display: flex;
    justify-content: left;
    gap: 0.75rem; /* space between buttons */
    margin-top: 2rem;
	}

/* Pagination links */
.elementor-pagination a.page-numbers,
.elementor-pagination span.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;  /* Size of circle */
    height: 2.5rem;
    border-radius: 50%; /* Makes it circular */
    background-color: #ffffff; /* Background for inactive */
    color: #333333; /* Text color for inactive */
    border: 2px solid #62B300; /* Border for inactive */
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.3s ease;
	}

/* Hover effect for pagination links */
.elementor-pagination a.page-numbers:hover {
    background-color: #62B300;
    color: #ffffff;
	}

/* Active page style */
.elementor-pagination span.page-numbers.current {
    background-color: #0F5E2D; /* Active green */
    color: #ffffff;
    border-color: #0F5E2D;
	}

.elementor-message {
	margin: 20px 0;
	}

/*** RESPONSIVE ***/
/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
  .dotted-trail-reveal svg {
    max-width: 70px; /* slightly smaller */
  }
}

/* Mobile (max-width: 767px) */
@media (max-width: 767px) {
  .dotted-trail-reveal svg {
    max-width: 40px; /* scale down for mobile */
  }
}