/* 
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.3
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
*/

/* Add your custom styles here */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/zmi2uud.css");

body { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 14px; }

#proprow1 { margin-top: 0; margin-bottom: 2px; }

.showprop { display: block; background-color: #000000; width: 100%; padding: 0; background-position: center top; background-size: cover; /*background-size: 130%;*/ background-repeat: none; position: relative; min-height: 300px; min-height: 40vh; transition: all 0.6s ease; }
.showprop .inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0, 0.5); padding: 0 20px 0 20px; transition: all 0.6s ease; }
.showprop:hover { /*background-size: 150%;*/ }
.showprop:hover .inner { background-color: rgba(0,0,0, 0.2); }
.showprop .banner { position: absolute; bottom: 15px; left: 0; right: 0; padding-top: 8px; padding-bottom: 8px; background-position: center center; background-repeat: no-repeat; background-size: 30%; }
.showprop .logo { height: 29px; width: auto; display: block; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 5px; }
.showprop p.addr { font-size: 14px; color: #ffffff; text-align: center; margin: 0; padding: 0; }

.showprop h2 { color: #ffffff; text-transform: uppercase; position: relative; top: 20px; font-family: "din-condensed", "Roboto", Helvetica, Arial, sans-serif; font-size: 3.5em; font-weight: 400; line-height: 1em; width: 65%; }

.showprop h3 { background-color: #FF8F00; color: #ffffff; font-family: "din-condensed", "Roboto", Helvetica, Arial, sans-serif; text-align: center; padding: 0.25em 0.375em; display: inline-block; text-transform: uppercase; top: 20px; margin-bottom: 0; margin-top: 10px; }

.showprop h3+h2 { top: 0 !important; }

#prop2.showprop h2, #prop5.showprop h2 { text-align: right; margin-left: auto; }
#prop4.showprop h2 { text-align: center; margin-left: auto; margin-right: auto; }

#prop4.showprop { text-align: center; }
	
#prop2.showprop h3, #prop5.showprop h3 { text-align: right; margin-left: auto; }
#prop4.showprop h3 { text-align: center; margin-left: auto; margin-right: auto; }

div.inner.prop-137 .banner { background-image: url('/wp-content/uploads/2025/12/wooden-bg-dk.png'); background-position: center center; background-repeat: none; background-size: cover; }

@media only screen and (max-width: 1023px) {
	.showprop { min-height: 25vh !important; }
	.showprop h2 { text-align: center !important; margin-left: auto; margin-right: auto; margin-bottom: 1em; top: 10px; }
	.showprop h3 { margin-left: auto !important; margin-right: auto !important; text-align: center; }
	.showprop .inner { text-align: center !important; }
}