/*
 Theme Name: Aastra Child
 Template: astra
*/

.play_before {
    display: inline-block;
    background-size: cover;
    width: 22px;
    height: 22px;
    margin-bottom: 5px;
}

.elementor-post {
    position: relative;
}

.elementor-post, .ast-article-inner {
    position: relative;
}

.elementor-post .who_is {
    position: absolute;
    top: 0;  /* Start at the top */
    left: 0;  /* Start at the left */
    width: 100%;  /* Full width */
    height: 100%;  /* Full height */
    display: flex;  /* Use flexbox */
    justify-content: center;  /* Center horizontally */
    align-items: center;  /* Center vertically */
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff !important;
    padding: 10px;
    text-align: center;
    z-index: 10;
    opacity: 0; /* Start with 0 opacity */
    transition: opacity 0.5s ease-in-out; /* Add transition for opacity */
}

.ast-article-inner .who_is {
position: absolute;
top: 0; 
left: 0;  
width: 100%;  
height: 80%;  
display: flex; 
justify-content: center;  
align-items: center; 
background-color: rgba(0, 0, 0, 0.7);
color: #fff !important;
padding: 10px;
text-align: center;
z-index: 10;
opacity: 0; 
transition: opacity 0.5s ease-in-out; 
}


.who_is a{
    color: #fff !important;
}

.elementor-post:hover .who_is{
    opacity: 1; /* Fade in to full opacity */
}