p, body {
   letter-spacing: .5px;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
 } 


/* Base Button Styles */
.fluid-button.button.filled {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    background-color: #d9d2c1; /* Default Fill Color */
    color: #333333; /* Ensures text color applies correctly */
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.2s ease-in-out;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    animation: pulse 1.5s infinite ease-in-out;
}


/* Explicitly set the label color before hover */
.fluid-button.button.filled label {
    color: #333333 !important; /* Ensures the correct color */
    font-weight: bold;
    font-size: 16px;
    pointer-events: none; /* Prevents hover on label itself */
}

/* Button Hover Effect */
.fluid-button.button.filled:hover {
    background-color: #3b4a6b; /* Hover Fill Color */
    color: #f5f5f5; /* Ensures text inside button updates */
    transform: scale(1.05);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
}

/* Ensure the label color updates on hover */
.fluid-button.button.filled:hover label {
    color: #f5f5f5 !important; /* Forces the correct hover label color */
}

/* Pulsing Animation */
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
    }
    100% {
        transform: scale(1);
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    }
} 


/* Base Styles */
.fluid-button.button.default-style.outlined {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    background-color: #3b4a6b !important; /* Ensures background fill is applied */
    color: #f5f5f5 !important; /* Ensures text color is correct */
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 2px solid #f5f5f5 !important; /* Ensures border is visible */
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.2s ease-in-out;
    box-shadow: 0px 4px 8px rgba(59, 74, 107, 0.2);
}

/* Explicitly target the label text inside the button */
.fluid-button.button.default-style.outlined label {
    color: #f5f5f5 !important;
    font-weight: bold;
    font-size: 16px;
    pointer-events: none; /* Prevents unwanted hover effects */
}

/* Hover Effect - Light Up */
.fluid-button.button.default-style.outlined:hover {
    background-color: #445c82 !important; /* Slightly lighter blue for hover */
    box-shadow: 0px 8px 16px rgba(59, 74, 107, 0.4); /* Light-up glow effect */
    transform: scale(1.05);
}

/* Ensure label remains white on hover */
.fluid-button.button.default-style.outlined:hover label {
    color: #f5f5f5 !important;
} 


/* Targeting ONLY the Call Button using its href */
a[href="tel:1(833)712-7233"].fluid-button.button.outlined {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    background-color: transparent !important; /* Keeps it outlined */
    color: white !important; /* Default label color */
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 2px solid white !important; /* White outline */
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.2s ease-in-out;
    animation: pulse-effect 1.5s infinite ease-in-out;
}

/* Targeting the label inside the Call Button */
a[href="tel:1(833)712-7233"].fluid-button.button.outlined label {
    color: white !important; /* Ensure label remains white */
    font-weight: bold;
    font-size: 16px;
    pointer-events: none;
}

/* Targeting the SVG Icon inside the Call Button */
a[href="tel:1(833)712-7233"].fluid-button.button.outlined svg {
    fill: white !important; /* Ensure SVG icon remains white */
    transition: fill 0.3s ease-in-out;
}

/* Hover Effect - Change Fill & Label */
a[href="tel:1(833)712-7233"].fluid-button.button.outlined:hover {
    background-color: #d9d2c1 !important; /* Fills background */
    color: #333333 !important; /* Text turns dark */
    border-color: #d9d2c1 !important; /* Matches background */
    transform: scale(1.05);
}

/* Ensure label updates color on hover */
a[href="tel:1(833)712-7233"].fluid-button.button.outlined:hover label {
    color: #333333 !important;
}

/* Ensure SVG icon updates color on hover */
a[href="tel:1(833)712-7233"].fluid-button.button.outlined:hover svg {
    fill: #333333 !important;
}

/* Pulsing Animation */
@keyframes pulse-effect {
    0% {
        transform: scale(1);
        box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.3);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.5);
    }
    100% {
        transform: scale(1);
        box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.3);
    }
} 

/* Default SVG color */
.fluid-button.button.filled .fluid-button-image {
    color: #333333 !important; /* Ensures the SVG matches the default text color */
    fill: #333333 !important; /* Sets default fill color */
    transition: fill 0.3s ease-in-out, color 0.3s ease-in-out;
}

/* SVG color change on hover */
.fluid-button.button.filled:hover .fluid-button-image {
    color: #f5f5f5 !important; /* Updates SVG outline color */
    fill: #f5f5f5 !important; /* Ensures SVG fills correctly */
} 

.mrp-crea-attribution.region-ONTARIO_NEW {
    display: none !important;
}

html {
  scroll-behavior: smooth;       /* Enables smooth scrolling */
  scroll-padding-top: 80px;      /* Adds padding to account for sticky headers */
}