/*
Theme Name:     Renovar Progression Child
Description:    Child Theme for Renovar Theme
Author:         Progression Studios
Template:       renovar-progression

*/

/* Lafkas Page Title - Renovar */
.progression-studios-title ul {
    list-style-type: none;
}

/* Projects List - renovar */
.lafkas-projects-list a img {
    filter: grayscale(100%);
    transition: filter 0.5s ease;
}
.lafkas-projects-list h2.progression-projects-title {
    font-family: 'Fira Sans';
    font-weight: 400;
	text-transform: none;
}

/* Change on hover */
.lafkas-projects-list a:hover img {
    filter: grayscale(0%);
}

.ajax-post-trigger {
	cursor: pointer;
}
#ajax-popup-title {
	color: #E8AB14;
	font-family: "Oswald";
}
.os-popup .elementor-widget-html {
	margin:20px auto 0;
}

.ajax-popup-image-wrapper {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.ajax-popup-image-wrapper::before {
    content: '';
    position: absolute;
    top:0; left:0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #eee 25%, #ddd 50%, #eee 75%);
    background-size: 200% 100%;
    animation: shimmer 1.4s infinite linear;
    z-index:2;
}

/* Shimmer skeleton */
.ajax-popup-image-skeleton {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(90deg, #eee 25%, #ddd 50%, #eee 75%);
    background-size: 200% 100%;
    animation: shimmer 1.4s infinite linear;
    position: absolute;
    top: 0;
    left: 0;
}

@keyframes shimmer {
    0%  { background-position: 200% 0; }
    100%{ background-position: -200% 0; }
}

/* Actual image */
.ajax-popup-image {
    max-height: 200px;
    width: auto;
    object-fit: contain;
    display: block;
    opacity: 0;          /* hidden until loaded */
    transition: opacity 0.4s ease-in-out;
    z-index: 3;
}
.ajax-popup-image-desc {
    position: absolute;
    bottom: 5px;
    right: 10px;
    padding: 2px 6px;
    font-size: 10px;
	font-style: italic;
    z-index: 4;
    display: none; /* Hide until AJAX loads */
    text-align: right;
    line-height: 1.2;
}
.ajax-popup-image-desc a{
	color: #fff;
}
.ajax-popup-image-desc a:hover, .ajax-popup-image-desc a:active, .ajax-popup-image-desc a:focus {
	color: #E8AB14;
}
#ajax-popup-content p{
	font-size: 15px;
}
.clickable {
	position: relative;
}

.clickable a:after {
	content: "";
	display: block !IMPORTANT;
	position: absolute;
	top: -145px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.elementor-popup-modal .elementor {
	border: 1px solid #F69D34;
}


/* Contact Form 7 */
.form-row {
    display: flex;
    gap: 20px;
}
.form-col {
    flex: 1;
}
.form-col input, .form-col select, .form-col textarea {
    width: 100%;
}
.wpcf7-list-item {
    margin: 0;
}
/* Hide validation error until form is submitted */
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    display: none;
}
/* Show it only when the form has the 'invalid' class after a submit attempt */
.wpcf7-form.invalid .wpcf7-not-valid-tip {
    display: block;
}
.wpcf7-form input.wpcf7-not-valid {
    border-color: #eaebef;
}