/*
Theme Name: Hello Child
Author: Youtech Agency
Description: Your description goes here
Version: 1.0
Template: hello-elementor
*/

/* 1. Register your self-hosted font */
@font-face {
    font-family: 'Chewy';
    src: url('https://stg-wwwpawsnreccom-pawsdev.kinsta.cloud/wp-content/uploads/2026/05/Chewy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 2. Heading 1 Vanity Text */
/* Tied directly to Elementor's heading class to maximize priority */
h1.elementor-heading-title .accent-text {
    font-family: 'Chewy', cursive !important;
    color: #CFE61D !important;
	text-transform: uppercase !important;}
	
/* Footer Links */
/* 1. Target all text editor bullet lists inside your footer columns */
.elementor-widget-text-editor .elementor-widget-container ul {
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 2. Format list items and create identical spacing for your custom chevron */
.elementor-widget-text-editor .elementor-widget-container li {
    position: relative !important;
    padding-left: 24px !important; /* Spaces the link text away from the icon */
    margin-bottom: 8px !important;  /* Controls vertical line spacing */
    list-style: none !important;
}

/* 3. Inject the custom chevron icon and pass the green tint (#cfe61d) through it */
.elementor-widget-text-editor .elementor-widget-container li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 12px !important;  
    height: 12px !important; 
    
    background-color: #cfe61d !important;
    
    /* CSS Mask engine applies the background hex code straight onto the monochrome SVG shape */
    -webkit-mask-image: url('/wp-content/uploads/2026/05/chevron-right-solid-full.svg') !important;
    mask-image: url('/wp-content/uploads/2026/05/chevron-right-solid-full.svg') !important;
    
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

/* 4. Force links across all three footer list structures to stay white */
.elementor-widget-text-editor .elementor-widget-container li a {
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-block !important;
}