/*
 Theme Name:   Realar Child
 Theme URI:    https://themeholy.com/wordpress/realar
 Description:  This is a child theme for Realar - WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/themeholy
 Template:     realar
 Version:      1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  realar-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - HEADER - - - - - - - - - - - - - - - - - - - - */

/* Logo */
@media (max-width: 768px) {
    .header-logo img {
        max-width: 180px;
        height: auto;
    }
}

@media (max-width: 992px) {
	.th-header .th-menu-area .th-mobile-menu {
		overflow: hidden;
	}
}

/* - - - - - - - - - - - - - - - - - - - - HOME PAGE - - - - - - - - - - - - - - - - - - - - */

/* Banner */
#banner-home .hero-1 .hero-big-text {
    font-size: 10em;
}

#banner-home .hero-social-link .social-wrap a:hover,
#banner-home .hero-1 .scroll-down .hero-scroll-wrap:hover {
	color: #01e0c3 !important;
}

#banner-home .hero-social-link .social-wrap a:after {
	background: #01e0c3;
}

#banner-home .hero-inner .th-btn.btn-mask {
	border-radius: 50px;
}

/* Slider Residencias */
#residencias-home .property-card-details {
    flex-direction: column;
    align-items: start !important;
}

#residencias-home .property-card7 .property-card-meta {
	display: flex;
	width: 100%;
	min-height: 100px;
}

#residencias-home .property-card7 .property-card-meta span {
	align-items: center;
	display: flex;
	flex: 1;
	flex-direction: column;
	font-size: 14px;
	justify-content: center;
	line-height: 1;
	text-align: center;
}

#residencias-home .property-card7 .property-card-meta span img {
	margin-bottom: 0;
	margin-right: 8px;
}


#residencias-home .property-card7 .property-card-meta span:nth-child(2) img {
	content: url("https://dolcemondo.com.mx/wp-content/uploads/2025/08/house-circle-check-w-32.svg");
	max-width: 28px;
}

#residencias-home .property-card7 .property-card-details .btn-wrap a {
	margin-bottom: 2px;
}

/* - Seccion beneficios */
#beneficios-items .service-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

@media (min-width: 992px) {
  #beneficios-items .custom-service1 .row .col-lg-4 {
    width: 25% !important;
    flex: 0 0 25% !important;
  }
}

@media (min-width: 1200px) {
  #beneficios-items .row .col-xl-4:has(.service-card.style5) {
    width: 25% !important;
    flex: 0 0 25% !important;
  }
}

/* - - - - - - - - - - - - - - - - - - - - CONTACT - - - - - - - - - - - - - - - - - - - - */
input[type="radio"] {
    visibility: visible !important;
}

.dist-casas-slider .slider-area.hero-slider-thumb-wrap {
    margin-right: 15px;
    margin-top: 25px;
}

@media (max-width: 992px) {
	.page-template .builder-page-wrapper #wrapper-contact-form-7 {
		border-radius: 0px 40px 40px 40px;
		padding: 22px!important;
	}
}

/* - - - - - - - - - - - - - - - - - - - - FOOTER - - - - - - - - - - - - - - - - - - - - */
#footer-explora .footer-widget.widget_nav_menu a:hover {
	color: #01e0c3 !important;
}

#footer-explora .footer-widget.widget_nav_menu a:hover:before{
	color: #ffffff !important;
}

/*----------------------------------- BLOG -----------------------------------------------*/
.th-blog-wrapper .widget .wp-block-heading,
.th-blog-wrapper .sidebar-area .wp-block-search > label {
	color: #FFF;
}
.th-blog-wrapper .container .blog-comment-area {
	display: none;
}

/* - - - - - - - - - - - - - - - - - - - - ABOUT US - - - - - - - - - - - - - - - - - - - - */
.realar-fluid #about-history-element .elementor-element h6 {
	font-size: 16px;
}
.realar-fluid #about-history-element .elementor-element p.elementor-heading-title {
	font-size: 14px;
}
.realar-fluid #about-history-element #history-middle-circle {
	left: calc(50% - 15px)!important;
}