/*
Theme Name: SimpleMag Child Theme
Theme URI: http://themesindep.com/
Author: ThemesIndep
Author URI: http://themesindep.com/
Description: Magazine theme for creative things
Template: simplemag
*/


/* Your CSS code goes here
-------------------------------------- */
.rating-total-indicator {
    position: relative; /* Needed for positioning the number */
    display: inline-block; /* Or your preferred display */
}

.rating-total-indicator .show-total {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the number */
    font-size: 1em; /* Adjust as needed */
    /* Add any other styling for the number */
}

.rating-total-indicator .progress-ring {
    display: block; /* Ensure SVG takes full width */
    width: 100%; /* Make SVG responsive */
    height: auto;
}

.rating-total-indicator .progress-ring__circle {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    transition: 0.35s stroke-dashoffset;
    stroke-width: 15px; /* Adjust as needed for initial size */
    stroke: black; /* Or your desired color */
    fill: transparent;
}

@media (max-width: 768px) {
    .rating-total-indicator .progress-ring__circle {
        stroke-width: 15px; /* Adjust stroke width for mobile */
    }
}