/*
 * Home-page tool-button styling — applies via is_front_page() conditional.
 * Migrated 2026-05-14 from Custom CSS+JS snippet 8896 ("Home Page Tool button css", 2866 B).
 */
/* Updated CSS */

/* Parent Container */

.quote-container1 {

    text-align: center; /* Centers text and inline elements */

    margin-top: 20px; /* Adds spacing above the section */

    padding: 50px;

}



/* Heading */

.quote-heading1 {

    margin-bottom: 20px; /* Adds spacing between heading and buttons */

    font-size: 30px !important; /* Adjust font size for desktop */

}



/* Button Container */

.quote-button1 {

    display: inline-flex; /* Use flex to position image and text */

    align-items: center; /* Align image and text vertically */

    justify-content: center; /* Center the button content */

    margin: 45px; /* Adds spacing between buttons */

    padding: 20px 50px 20px 50px; /* Adds space for the image */

    font-size: 20px; /* Adjust font size for desktop */

    cursor: pointer; /* Adds pointer cursor on hover */

    border: none; /* Removes button border */

    background: #f7ce5b; /* Button background color */

    color: #000; /* Button text color */

    text-decoration: none; /* Removes underline for links */

    border-radius: 5px; /* Rounded corners */

    position: relative; /* To position the image absolutely */

    transition: background-color 0.3s ease; /* Smooth hover effect */

}



/* Image on Button */

.quote-button1::before {

    content: '';

    position: absolute;

    top: -10px; /* Adjusts the image position vertically */

    left: -20px; /* Adjusts the image position horizontally */

    width: 60px; /* Image width */

    height: 40px; /* Image height */

    background-image: url('https://staging-johnowensservicesdev-staging.kinsta.cloud/wp-content/uploads/giphy.gif'); /* Image URL */

    background-size: cover; /* Ensures the image fits */

    background-repeat: no-repeat; /* Prevents tiling */

}



/* Hover Effect */

.quote-button1:hover {

    background: #333030; /* Button hover color */

    color: #fff; /* Text color on hover */

}



/* Responsive Design */

@media (max-width: 768px) {

    .quote-heading1 {

        font-size: 18px; /* Smaller font size for tablets */

    }

    .quote-button1 {

        font-size: 14px; /* Adjust button size for tablets */

        padding: 10px 20px 10px 40px; /* Adjust padding for smaller screens */

    }

    .quote-button1::before {

        width: 25px; /* Adjust image size for tablets */

        height: 25px; /* Adjust image size for tablets */

    }

}



@media (max-width: 480px) {

    .quote-heading1 {

        font-size: 16px; /* Smaller font size for mobile */

    }

    .quote-button1 {

        font-size: 12px; /* Adjust button size for mobile */

        padding: 8px 16px 8px 35px; /* Adjust padding for smaller screens */

    }

    .quote-button1::before {

        width: 20px; /* Adjust image size for mobile */

        height: 20px; /* Adjust image size for mobile */

    }

}