/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 22 2026 | 16:17:19 */
/* FINE GRAIN CONTROL OF LINE BREAKS */
.break-on-small-mobile,
.break-on-mobile,
.break-on-tablet,
.break-on-desktop {
  display: none;
}
@media only screen 
and (max-width: 419px)
and (orientation : portrait) {
  .break-on-small-mobile { display: block; }
}
@media only screen 
and (max-width: 767px)
and (orientation : portrait) {
  .break-on-mobile { display: block; }
}
@media only screen  
and (max-width: 1023px) 
and (min-width: 768px) {
  .break-on-tablet { display: block; }
}
@media only screen 
and (min-width: 1024px) {
  .break-on-desktop { display: block; }
}

/* Removes default margin at bottom of last paragraph element */
.no-margin-btm p:last-of-type {
	margin-bottom: 0;
}
/* Removes default margin at bottom of all paragraph elements */
.no-margin-btm-all p {
	margin-bottom: 0;
}
/* Targets links in page content and forces no underline */
.page-content a, 
.comments-area a {
    text-decoration: none !important;
}
/*
1140px is a common Elementor default. 
Replace this value with your site's content width.
*/
@media (min-width: 1140px) { 
    .boxed-content-column {
        /* This is the magic: It calculates the remaining space
        (viewport width - boxed content width) and divides it by 2 
        to get the padding needed to push the content into alignment. */
        padding-left: calc((100vw - 1140px) / 2) !important;
        padding-right: 0 !important; 
    }
}
/* Override Elementor "Grow" animation globally (keep duration, reduce scale) */
.elementor .elementor-animation-grow:hover,
.elementor .elementor-animation-grow:focus,
.elementor .elementor-animation-grow:active {
    transform: scale(1.0625); /* was 1.1 */
}

/* Improve rendering during transform to reduce text shimmer */
.elementor .elementor-animation-grow {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

.elementor .elementor-animation-grow,
.elementor .elementor-animation-grow * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Tweak button icon placement */
.elementor-button-icon {
    margin-top:-5px;
}

/* Show full overlay inside the Elementor editor */
body.elementor-editor-active .fade-overlay .elementor-background-overlay {
    opacity: 0.4 !important;
}

/* Set initial opacity of Elementor's Background Overlays to zero, to prevent flicker when JS script Fades it in */
/*
This hides the overlay and sets the 1s transition. The JavaScript will trigger 
the opacity change, which the transition then smooths out.
*/
.fade-overlay > .elementor-background-overlay {
    /* 1. Ensure the element starts invisible, beating any default Elementor opacity */
    opacity: 0 !important;
    
    /* 2. Set the smooth transition duration to 1 second */
    transition: opacity 1s ease-in-out !important; 
}

/* Hide reCAPTCHA v3 badge - permitted if disclosure text is displayed  */
/* https://hometreedigital.com/insights/hide-recaptcha-badge/ */
.grecaptcha-badge {
	display:none;
}

/* Fix for "juttering display" caused by Elementor sticky header */
/* iPhone-friendly sticky header using pure CSS (no Elementor JS sticky) */
.site-header,
.elementor-location-header{
  position: sticky;
  top: 0;
  z-index: 9999;
}

/* Logged-in admin bar offsets + iPhone notch safe area */
body.admin-bar .site-header,
body.admin-bar .elementor-location-header{
  top: calc(32px + env(safe-area-inset-top, 0px));
}

/* NOTE: 782px is WordPress core's admin-bar breakpoint (not Elementor's).
   Below this width, the admin bar height increases from 32px to 46px. */
@media (max-width: 782px){
  body.admin-bar .site-header,
  body.admin-bar .elementor-location-header{
    top: calc(46px + env(safe-area-inset-top, 0px));
  }
}