/* 
Theme Name: Rosso Commercial
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: rosso
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/* 3D perspective for parent container */
.slider_container {
  perspective: 1200px;
  overflow: hidden;
  position: relative;
}

/* Banner wrapper */
.banner_image_animation {
  position: relative;
  overflow: hidden;
}

/* Background image inside ::before pseudo-element */
.banner_image_animation::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit; /* keep the same background as parent */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.5s ease; /* smooth hover */
  will-change: transform;
  z-index: 0;
}

/* Keep text/buttons above */
.banner_image_animation > * {
  position: relative;
  z-index: 1;
  pointer-events: none; /* prevent interference */
}

.banner_animated_heading {
    min-height: 133px !important;
}

/* Apply to all buttons and links styled as buttons */
button, 
input[type="button"], 
input[type="submit"], 
a.button {
    /* Base styling (optional, keep your current styles) */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}


.team_member_detail {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0s 0.5s;
}

.team_member:hover .team_member_detail {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-in-out, visibility 0s 0s;
}

.team_member_detail * {
    margin: 0 auto;
    width: fit-content;
}

.case_study_detail {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-in-out, visibility 0s 0.5s;
}

.case_study_container:hover .case_study_detail {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s ease-in-out, visibility 0s 0s;
}



.case_study_detail * {
	margin: 0 auto;
	width: fit-content;
}

/* gallery css*/

.client-gallery img.gallery-item-thumbnail {
    object-fit: contain !important;
}

.contact_checkbox div#input_1_6 {
    width: 30%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.contact_checkbox div#input_1_6 input {
    background: #d2d2d2;
    border: none;
}

span#input_1_7_3_container {
    max-width: 47%;
}

span#input_1_7_4_container {
    max-width: 20%;
}

span#input_1_7_5_container {
    max-width: 33%;
}

/* .property_info,
.property_client_info {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.property_section:hover .property_info,
.property_section:hover .property_client_info {
    opacity: 1;
} */

.filter-gallary .gallery-item-caption-wrap {
    align-items: flex-end;
}

.filter-gallary h4.fg-item-title {
    margin: 0px;
}

.retail-title, .testimonial-title {
	color: #ff4712 !important;
}

.retail-details-layout p strong {
  color: #ff4712;
}

button.retail-button {
    margin-top: 20px;
}

#input_3_1 {
	pointer-events: none;
	user-select: none;
	color: #666;
	cursor: not-allowed;
}