/* Apply the custom logo as a background image to the container */
.logo.logo--icon {
    background-image: url("https://westodon.com/images/westodon-icon.svg") !important;
    background-size: contain !important; /* Ensures the image scales properly */
    background-repeat: no-repeat !important;
    /* Adjust width and height below to match your image dimensions */
    width: 24px !important; 
    height: 24px !important; 
    transform: rotate(180deg) !important;
    fill: #0000FF !important;
}

svg.logo.logo--icon {
  fill: blue; /* Change the color of the whole SVG */
  stroke: red; /* Change the outline color */
}

svg.logo.logo--icon path {
  fill: blue; /* Change the color of all paths within the SVG */
}

svg.logo.logo--icon circle {
  stroke: red; /* Change the stroke of all circles within the SVG */
}

.logo.logo--icon path,
.logo.logo--icon circle,
.logo.logo--icon g {
    fill: #ff0000 !important; /* Use !important to force the override */
    stroke: none; /* If there is an unwanted stroke */
}