/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Description: Child theme for the Twenty Twenty-Five theme.
Author: Press Start
Author URI: pressstart
Template: twentytwentyfive
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-child
*/

.play-button {
    display: inline-block; /* Allows for padding and margin */
    width: 52px; /* Set the width of the circle */
    height: 52px; /* Set the height of the circle */
    border-radius: 50%; /* Makes the element circular */
    background-color: rgba(255, 255, 255, 0.8); /* 90% transparent white fill */
    display: flex; /* Center the content */
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    font-size: 24px; /* Adjust font size for the play button character */
    color: #6f6fef !important; /* Color of the play button character */
    text-indent: 5px;
}


/* Slide left transition effect when mouse over */
.slide-left {
    transition: transform 0.3s ease; /* Smooth transition */
}

.slide-left:hover {
    transform: translateX(-10px); /* Move row 10 pixels to the left on hover */
}


/*** Adjustments to the WordPress Popular Posts plugin ***/


/* Alignment of the popular post */
.popular-posts ul {
	padding-left: 0px !important;
}

.popular-posts ul, .wp-block-columns {
    margin-top: 0px !important;
}

.wpp-post-title {
    font-weight: 700 !important;
}

/* Hover effect for images inside the popular posts */

.wpp-list li img {
    transition: transform 0.4s;
}

.wpp-list li img:hover {
    transform: scale(1.05);
}

/* Underline hover, to be consistent with the other text links hover */

.wpp-list li a:hover {
    text-decoration: underline;
}


/*** Remove the block separator line from the last post of the query loop ***/

li:last-child .wp-block-separator {
    display: none; 
}