/*!
Theme Name: Rise Realty 2026
Theme URI: theriserealty.com
Author: DigiSquid
Author URI: https://digisquid.com
Description: The Rise Realty Theme — Updated 2026 Framework
Version: 26.2.16
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: riserealty2026
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Rise Realty 2026 is built on the DigiSquid SquidStyles framework.
SquidStyles is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
*/

/* ==========================================================================

TABLE OF CONTENTS:
	CSS Imports
	Variables
	Layout
		- Typography
		- Links
		- Header
		- Navigation
		- Posts and pages
		- Alignments
		- Animations
		- Footer
	Plugins
		- Jetpack infinite scroll
		- Beaver Builder
		- Gravity Forms
		- IDX Broker
	Realty Calculator

========================================================================== */

/* =============================================================== */
/* CSS Imports */
/* =============================================================== */
@import url('css/reset.css');
@import url('css/elements.css');
@import url('css/menu.css');

/* =============================================================== */
/* !Variables */
/* =============================================================== */
/* Note: Color and font variables are auto-generated from inc/colors.php and inc/fonts.php. Edit those files to change colors and fonts site-wide. */
:root {
	--h1-size: 2.75rem;
	--h1-height: 2.75rem;
	--h2-size: 2.5rem;
	--h2-height: 2.5rem;
	--h3-size: 1.75rem;
	--h3-height: 1.75rem;
	--h4-size: 1.5rem;
	--h4-height: 1.5rem;
	--h5-size: 1.25rem;
	--h5-height: 1.25rem;
	--h6-size: 1rem;
	--h6-height: 1.25rem;
	--p-size: 1rem;
	--p-height: 1.5rem;

	/* Menu Variables */
	--menu-font: var(--heading-font);
	--menu-font-size: 1rem;
	--menu-font-size-mobile: 1.25rem;
	--menu-line-height: 1.5;
	--menu-toggle-color: var(--secondary-color);
	--menu-container-color: var(--primary-color);
	--menu-links-color: #ffffff;
	--menu-links-background-color: transparent;
	--menu-links-hover-color: white;
	--menu-links-background-hover-color: var(--secondary-color);
	--submenu-color: var(--secondary-color);
	--submenu-links-color: white;
	--submenu-links-background-color: transparent;
	--submenu-hover-background: var(--primary-color);
	--submenu-hover-color: white;
}

/* =============================================================== */
/* !Layout */
/* =============================================================== */

	/* =============================================================== */
	/* !Typography */
	/* =============================================================== */
	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		color: #404040;
		font-family: var(--body-font);
		font-size: 1rem;
		line-height: 1.5;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		clear: both;
		font-family: var(--heading-font);
		color: var(--primary-color);
		margin-block-start: 2rem;
		margin-block-end: 1rem;
		font-weight: 400;
	}
	
	h1 {
		font-size: var(--h1-size);
		line-height: var(--h1-height);
	}
	
	h2 {
		font-size: var(--h2-size);
		line-height: var(--h2-height);
	}
	
	.header h2,
	.footer h2 {
		font-size: var(--h4-size);
		line-height: var(--h4-height);
	}
	
	h3 {
		font-size: var(--h3-size);
		line-height: var(--h3-height);
	}
	
	.header h3,
	.footer h3 {
		font-size: var(--h5-size);
		line-height: var(--h5-height);
	}
	
	h4 {
		font-size: var(--h4-size);
		line-height: var(--h4-height);
	}
	
	h5 {
		font-size: var(--h5-size);
		line-height: var(--h5-height);
	}
	
	h6 {
		font-size: var(--h6-size);
		line-height: var(--h6-height);
	}
	
	p {
		font-size: var(--p-size);
		line-height: var(--p-height);
		margin-bottom: 1.5em;
	}
	
	dfn, cite, em, i {
		font-style: italic;
	}
	
	blockquote {
		margin: 0 1.5em;
	}
	
	address {
		margin: 0 0 1.5em;
	}
	
	pre {
		background: #eee;
		font-family: "Courier 10 Pitch", courier, monospace;
		line-height: 1.6;
		margin-bottom: 1.6em;
		max-width: 100%;
		overflow: auto;
		padding: 1.6em;
	}
	
	code, kbd, tt, var {
		font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	}
	
	abbr, acronym {
		border-bottom: 1px dotted #666;
		cursor: help;
	}
	
	mark, ins {
		background: #fff9c0;
		text-decoration: none;
	}
	
	big {
		font-size: 125%;
	}
	
	.top {
		z-index: 1000;
	}
	
	/* =============================================================== */
	/* !Links */
	/* =============================================================== */
	a {
		color: var(--primary-color);
	}
	
	a:visited {
		color: var(--secondary-color);
	}
	
	a:hover,
	a:focus,
	a:active {
		color: var(--primary-color);
	}
	
	a:focus {
		outline: thin dotted;
	}
	
	a:hover,
	a:active {
		outline: 0;
	}
	
	li.current-menu-item > a {
		color: #ffffff;
	}
	
	/* =============================================================== */
	/* !Header */
	/* =============================================================== */
	img#logomodule {
	
	}
	
	#headerrow {
	
	}
	
	/* =============================================================== */
	/* !Navigation */
	/* =============================================================== */
	.fl-node-594ec0a2215ad > .fl-row-content-wrap {
		background-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5130646008403361) 65%, rgba(0,0,0,0) 100%);
		border-top-width: 1px;
		border-bottom-width: 1px;
	}
	
	/* =============================================================== */
	/* !Posts and pages */
	/* =============================================================== */
	.sticky {
		display: block;
	}
	
	.updated:not(.published) {
		display: none;
	}
	
	.page-content,
	.entry-content,
	.entry-summary {
		margin: 0;
	}
	
	.page-links {
		clear: both;
		margin: 0 0 1.5em;
	}
	
	/* =============================================================== */
	/* !Alignments & Animations */
	/* =============================================================== */
	.grow { 
		transition: all .2s ease-in-out; 
	}

	.grow:hover { 
		transform: scale(1.1); 
	}

	.grayscale {
		filter: none;
	}
	
	.grayscale:hover {
		transition: all 1s ease-in-out; 
		filter: grayscale(1.0);
	}
	
	/* =============================================================== */
	/* !Footer */
	/* =============================================================== */
	#footerrow {
	
	}
	
	#footerbottomrow {
	
	}

/* =============================================================== */
/* !Plugins */
/* =============================================================== */

	/* =============================================================== */
	/* Jetpack infinite scroll */
	/* =============================================================== */
	.infinite-scroll .posts-navigation,
	.infinite-scroll.neverending .site-footer {
		display: none;
	}
	
	.infinity-end.neverending .site-footer {
		display: block;
	}

	/* =============================================================== */
	/* Beaver Builder */
	/* =============================================================== */
	.fl-node-6xe5jt3vb0ps .pp-photo-container .pp-photo-content .pp-photo-content-inner img {
		object-fit: cover;
	}
	
	/* =============================================================== */
	/* Gravity Forms */
	/* =============================================================== */
	body .gform_wrapper ul li.gfield {
		margin-top: 0px !important;
		padding-top: 0;
	}
	
	.block-content ul li {
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}
	
	.gform_body ul li .ginput_container select,
	.gform_body ul li .ginput_container input {
		margin-top: 0 !important;
		margin-bottom: 0px;
	}

	.gform_wrapper .gform_footer input[type="submit"] {
		padding: 10px;
	}
	
	/* =============================================================== */
	/* IDX Broker */
	/* =============================================================== */
	/* Add IDX Broker-specific overrides here as needed */

	/* --- [idx_search] shortcode --- */
	.squid-idx-search {
		width: 100%;
	}

	.squid-idx-search__form {
		width: 100%;
	}

	.squid-idx-search__fields {
		display: flex;
		align-items: stretch;
		gap: 0;
		width: 100%;
		background: #fff;
		border-radius: 4px;
		overflow: hidden;
		box-shadow: 0 4px 20px rgba(0,0,0,0.15);
	}

	.squid-idx-search__field {
		flex: 1;
		display: flex;
		align-items: center;
		border-right: 1px solid #e0e0e0;
	}

	.squid-idx-search__field--neighborhood {
		flex: 1;
	}

	.squid-idx-search__field input,
	.squid-idx-search__field select {
		width: 100%;
		height: 56px;
		padding: 0 20px;
		border: none;
		outline: none;
		background: transparent;
		font-family: var(--body-font, inherit);
		font-size: 15px;
		color: #333;
		appearance: none;
		-webkit-appearance: none;
		cursor: pointer;
	}

	.squid-idx-search__field input::placeholder {
		color: #999;
	}

	.squid-idx-search__field select {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23999' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 16px center;
		padding-right: 36px;
	}

	.squid-idx-search__btn {
		flex-shrink: 0;
		height: 56px;
		padding: 0 32px;
		border: none;
		background: #000;
		color: #fff;
		font-family: var(--body-font, inherit);
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		cursor: pointer;
		transition: background 0.2s ease;
		white-space: nowrap;
	}

	.squid-idx-search__btn:hover {
		background: #333;
	}

	@media (max-width: 768px) {
		.squid-idx-search__fields {
			flex-direction: column;
			border-radius: 4px;
			gap: 1px;
			background: #e0e0e0;
		}
		.squid-idx-search__field {
			border-right: none;
			background: #fff;
		}
		.squid-idx-search__field input,
		.squid-idx-search__field select {
			height: 50px;
		}
		.squid-idx-search__btn {
			height: 50px;
			width: 100%;
		}
	}

/* =============================================================== */
/* !Realty Calculator */
/* =============================================================== */
#myTab,
#inputs > div > div > div {
	justify-content: center;
}
