/* 
Theme Name: Hello Elementor Child
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.2
Text Domain: hello-elementor-child
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
*/

/** Global Button - turn off all effects, makes it snap **/

.elementor-button{
	transition:none !important;	
}

/**Headings - Use Span to force a break and tan text **/
.break-tan span {
    display: block !important;
    color: #D7C794 !important;
}

/**Break long words - do not allow overflow **/
.word-break-all {
	word-break: break-all;
}


/**Team Members - Use Span to force a break, tan text, and 18px size **/
.break-team span {
    display: block !important;
    color: #D7C794 !important; 
    font-size: 18px !important;
}

/** Testimonial Widget - adds star rating graphic **/

.our-testimonials .elementor-testimonial{
    position: relative;
    margin-top: 35px;
}

.our-testimonials .elementor-testimonial:before{
    content: url(/wp-content/uploads/2024/10/star-ratings.png);
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
}

/* Universal Bullet List Style - tan dot, flush left */

.bullet-list-style ul {
	padding-left: 20px;
}

.bullet-list-style ul li {
	line-height: 1.45em;
	margin-bottom: 12px;
}

.bullet-list-style ul li::marker {
	color: #D9C99A;
	font-size: 24px;
}

.bullet-list-style ul li:last-child {
	margin-bottom: 0px;
}

@media (max-width: 600px) {
	
	.bullet-list-style ul li::marker {
		font-size: 21px;
	}
	
	.bullet-list-style ul li {
	line-height: 1.55em;
	margin-bottom: 3px;
	}
}

/* Image Col Fill */

.img-col-fill .elementor-widget-image{
		height:100%;
}

.img-col-fill .elementor-widget-image img{
		height:100%;
		object-fit:cover;
}


/** Single View Rentals **/
.single-rental-property .navbar {
	border-bottom: 1px solid #00000024;
	box-shadow: 0 0 10px 10px #0d0d0d05;
}


/** Single Rental Property **/

.single-rental-property .property_size {
    display: flex;
    flex-direction: row;
    gap: 25px;
    padding-left: 0px;
    list-style: none;
}

.single-rental-property .property_size li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.single-rental-property .property_size li:before {
    width: 24px;
    height: 22px;
    display: inline-block;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.single-rental-property .property_size li.bedroom:before {
    content: "";
    background: url('/wp-content/uploads/2025/01/bedrooms.svg');
}

.single-rental-property .property_size li.bathroom:before {
    content: "";
    background: url('/wp-content/uploads/2025/01/bathrooms.svg');
}

.single-rental-property .property_size li.property-type:before {
    content: "";
    background: url('/wp-content/uploads/2025/01/property-type-updated.svg');
}

@media (max-width: 480px) {
.single-rental-property .property_size {
        flex-direction: column;
        gap: 15px;
}
}


/**== Password Protected Style ==**/

main.post-password-required {
	padding: 12% 5%;
  min-height: 50vh;
  text-align: center;
	background-color: #ededed;
}

main.post-password-required .post-password-form p {
	justify-content: center;
  font-weight: 500;
}

main.post-password-required .post-password-form input[type="submit"] {
	background-color: #d7c794;
  color: #58471b;
  border-color: #d7c794;
}

main.post-password-required .post-password-form input[type="submit"]:hover {
	background-color: #58471b;
  color: #fff;
	border-color: #58471b;
}

main.post-password-required .post-password-form input[type="password"] {
	border: 1px solid #666;
  border-radius: 3px;
  padding: 0.5rem 1rem;
  transition: all .3s;
	height: 60px;
	margin-top: 5px;
}



@media (max-width: 767px) {
	main.post-password-required {
		padding: 20% 5%;
	}
	
	main.post-password-required .post-password-form input[type="password"] {
	height: 52px;
	}
}