/**
Theme Name: Astra Child
Author: hpipropertymanagement
Author URI: https://www.hpipropertymanagement.com/about-us
Description: At HPI Property Management, we have decades of experiences in nearly all aspects of the real estate industry. We understand the hard work that goes along with maintaining a property on a regular basis for the highest possible return on investment. We also understand how difficult that it can be to find the right place for you and your family to live in.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
body .ast-site-identity {
    padding: 0 0;
}
header#masthead {
    position: fixed !important;
}
.head-menu {
    margin-top:6px;
}
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, body header .current-menu-ancestor > .menu-link  {
	font-weight: 400; background: #c1dff1!important; color: #1b486f!important;  border-radius: 8px;
}
.head-menu a {
    background: #fff;
    border-radius: 7px;
padding: 7px 31px;
    border: 1px solid transparent;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Roboto';
}
.site-header-section>* {
    padding: 0 7px;
}
ul#ast-hf-menu-1 {
	background: #1b486f;
    border-radius: 7px;
padding:0px;
    border: 1px solid transparent;
}
.site-primary-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-2-equal.ast-builder-grid-row-tablet-2-equal.ast-builder-grid-row-mobile-full.ast-footer-row-inline.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack {
    padding-bottom: 0;
}
.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu {
	background: #fff;
    border-radius: 7px;
padding:0px;
    border: 1px solid transparent;
}
.ast-builder-menu-1 .menu-item:hover > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item:hover > .ast-menu-toggle { color:#000; }
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item, .sub-menu .menu-item {
	   border-radius: 7px;
	line-height: 40px;
}
.sub-menu .menu-item {
	   border-radius: 7px;
	line-height: 10px;
}
.main-header-menu > .menu-item > .menu-link {
	color: #fff;
padding: 0px 25px;
}
.main-header-menu > .menu-item > .menu-link:hover  {
	color: #000;
}
.head-menu a:hover { color:#fff; background:#1b486f;  }

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:hover, .sub-menu .menu-item:hover {
	    background: #c1dff1; color: #1b486f; }
.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {
    position: absolute;
    right: 60px;
    bottom: 65px;
}
.site-above-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container,.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container  {
    max-width: 100% !important;
    padding: 10px 60px !important;
}
.site-header-above-section-right.site-header-section.ast-flex.ast-grid-right-section {
    align-items: flex-start;
}
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
	    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 25px;
    padding-right: 25px;
		background: rgba(255, 255, 255, 0.75);
	color: #233B75;
	border-radius: 7px;
	 backdrop-filter: blur(10px);
}
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button:hover {
	    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 25px;
    padding-right: 25px;
		background: rgba(255, 255, 255, .95);
	color: #233B75;
	border-radius: 7px;
	 backdrop-filter: blur(5px);
}
.hor-line::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;        /* thickness */
    height: 100%;      /* length */
    background: #2377A5;
}
.image-swap-container {
  position: relative;
  width: 650px;
  height: 350px;
  overflow: hidden;
}
a.a1 {
    margin-right: 10px;
}
.image-swap-container .img {
  position: absolute;
  top: 0;
  height: 100%;
  transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  cursor: pointer;
  will-change: transform, width;
}

/* LEFT image - smaller */
.img-left {
  left: 0;
  width: 35%;
  transform: scale(0.85);
  z-index: 1; /* Always at bottom */
}

/* RIGHT image - bigger */
.img-right {
  right: 0;
  width: 75%;
  transform: scale(1.1);
  z-index: 2; /* Always on top */
}

/* ON HOVER - LEFT becomes BIG (75%) + moves RIGHT */
.image-swap-container:hover .img-left {
  width: 75%;
  left: auto;
  right: 0;
  transform: scale(1.1);
  /* z-index stays 1, so still below the bigger image */
}

/* ON HOVER - RIGHT becomes SMALL (35%) + moves LEFT */
.image-swap-container:hover .img-right {
  width: 35%;
  right: auto;
  left: 0;
  transform: scale(1.1); /* optional: adjust scaling if needed */
  z-index: 2; /* stays on top */
}

.image-swap-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.elementor-element.elementor-element-8bbaae7.elementor-absolute.glass-blurr.elementor-widget.elementor-widget-text-editor,.elementor-element.elementor-element-7615dd5.elementor-absolute.glass-blurr.elementor-widget.elementor-widget-text-editor,.elementor-element.elementor-element-34ee4c4.elementor-absolute.glass-blurr.elementor-widget.elementor-widget-text-editor {
   background: linear-gradient(135deg, rgba(150, 150, 150, 0.45), rgba(150, 150, 150, 0.15));
    
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(1px);    
    border-radius: 12px;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    border-radius: 70px 0px 0px 0px;
}

 

/* Parent container */
.image-swap-section .elementor-container,
.image-swap-section .e-con-inner {
  display: flex !important;
  align-items: center;
  gap: 30px;  transition: flex 0.60s ease, transform 0.60s ease, order 0.60s ease;
}

/* Default widths */
.image-swap-section .img-big {
  flex: 0 0 70%;
  transition: all 0.50s ease;
}

.image-swap-section .img-small {
  flex: 0 0 30%;
  transition: all 0.50s ease;
}

/* Smooth animation */
.image-swap-section img {
   border-radius: 12px !important;  transition: transform 0.50s ease, opacity 0.50s ease;
}

/* Hover swap */
.image-swap-section:hover .img-big {
  flex: 0 0 30%;
  order: 2;
  transform: scale(0.90); display:flex; align-items:end; height: 105%;
}
.image-swap-section:hover .img-big img{     height: fit-content;}

.image-swap-section:hover .img-small {
  flex: 0 0 70%;
  order: 1;
  transform: scale(1.00);
}

/* Smooth animation for both images */
.image-swap-section img {
  transition:
    opacity 0.50s ease,
    transform 0.50s ease,
    filter 0.50s ease;
}

/* On hover: smooth zoom, fade, clarity */
.image-swap-section:hover img {
  opacity: 0.95;
  filter: brightness(1.05);
}
 .e-con-full.top-line.e-flex.e-con.e-parent.e-lazyloaded {
    position: relative;
	 
}
.e-con-full.top-line-sec.e-flex.e-con.e-child{
	padding-top:50px;
}
.e-con-full.top-line.e-flex.e-con.e-parent.e-lazyloaded::before {
    content: "";
    position: absolute;
    top: 10px;   /* adjust to align with the design */
    left: 70px;
    width: 90%;
    height: 2px; /* line thickness */
    background-color: rgba(255,255,255,0.4); /* line color */
    z-index: 0; /* behind everything */
}

/* footer-icon-css */

#block-29 .wp-block-image img {
	width:90%;
}
#block-29 .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
	gap: 0px;
	margin-left: -20px;
}
footer h2.wp-block-heading {
	font-size: 25px !important;
    font-weight: 700;
    font-family: 'Plus Jakarta Sans';
    color: #08183E;
}
.wp-image-642 {
	margin-left: -25px;
}
.wp-image-641{
	margin-left: -50px;
}
.wp-image-643 {
	margin-left: -75px;
}
.wp-image-644 {
	margin-left: -100px;
}


/* New css */

header .ast-above-header-wrap .site-above-header-wrap { background:#ffffffed;  }
.site-footer .widget_media_image .wp-block-image img { aspect-ratio: unset !important;
    max-height: 115px; width: auto !important; }
.white-bg { background:#fff; padding:10px; }

body .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select, body .forminator-textarea { margin-top:5px; }
body .forminator-iti-input.iti .iti__search-input { padding:10px!important; }
body .text p { margin-bottom:0; }
body.page-id-360 header#masthead{ z-index: 99999999; }
footer strong { color: #000; }
footer .widget.widget_block a { color: #063258; }


@media (max-width:767px){
	
	.forminator-iti-input.iti.iti--fullscreen-popup.iti--container {
		top: 120px !important;
	}
	.forminator-iti-input.iti.iti--fullscreen-popup .iti__dropdown-content {
    display: flex;
    flex-direction: column;
    position: relative;
    
}
	#page .site-content { margin-top:50px; }
	header .custom-logo-link img {
    max-width: 150px;
    width: 150px;
}
body header .head-menu {
    margin-top:3px;
    position: absolute;
    width: max-content;
    right: 10px;
    top: 0;
    z-index: 9;
}
body header .head-menu a{ background: #1b486f; padding:6px 10px; border-radius:4px; font-size:11px;   margin: 0 0 0 0; }
	header#masthead {
    width: 100% !important;
}

	.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {
		position:relative !important;
		right: 0px;
    bottom: 0px;
	}
	.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar {
    padding-left: 20px !important;
    padding-right: 20px !important;
		        margin-top: -50px;

}
	button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-minimal {
    margin-top: 24px;
}
	.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 0% !important;
    
}
	#block-29 .wp-block-image img {
	width:90%;
}
#block-29 .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
	gap: 0px;
	margin-left: 0px;
	padding: 0 20px;
}
.wp-image-642 {
	margin-left: 0px;
}
.wp-image-641{
	margin-left: 0px;
}
.wp-image-643 {
	margin-left: 0px;
}
.wp-image-644 {
	margin-left: 0px;
}
	.hor-line::after {
    display:none;
}
	.head-menu a {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 7px;
    padding: 5px 15px;
    border: 1px solid transparent;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto';
}
/* 	hover css */
	/* Default widths */
.image-swap-section .img-big {
  flex: 0 0 100%;
  transition: all 0.50s ease;
}

.image-swap-section .img-small {
  flex: 0 0 50%;
  transition: all 0.50s ease;
}

/* Smooth animation */
.image-swap-section img {
   border-radius: 12px !important;  transition: transform 0.50s ease, opacity 0.50s ease;
}

/* Hover swap */
.image-swap-section:hover .img-big {
  flex: 0 0 50%;
  order: 2;
  transform: scale(0.90); display:flex; align-items:end; height: fit-content !important;
}
.image-swap-section:hover .img-big img {height: fit-content !important;}

.image-swap-section:hover .img-small {
  flex: 0 0 100%;
  order: 1;
  transform: scale(1.00);
}
	.e-con-full.top-line.e-flex.e-con.e-parent.e-lazyloaded::before {
		left:20px;
	}
	.sub-menu .menu-item {
    border-radius: 7px;
    line-height: 40px;
}
	.button-res {
		right: auto !important;
    left: 10px !important;
	}
	a:focus,
a:active,
button:focus,
button:active {
    outline: none;
    box-shadow: none;
}
/* Remove blue tap highlight on mobile */
a,
button,
input,
textarea,
select {
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
body footer .site-primary-footer-wrap { padding:25px; padding-top:70px;  }
body .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
		display: block; }
nav#ast-mobile-site-navigation {
    background: #fff;
    height: 100vh;
}
	#radio-1 .forminator-field {
	display:grid !important ;
}
.forminator-ui#forminator-module-363.forminator-design--default .forminator-radio {
	margin: 5px 0px 0px 0px !important;
    padding-left: 0px !important;
}
	
	
body [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 25px;
    height: 25px;
    fill: #1b486f;
}	
body .ast-header-break-point .ast-builder-menu-mobile .main-navigation { margin-top: 30px; padding: 0 20px; }
	
	#menu-item-793 > a.menu-link { pointer-events:none;  }	
	footer section#block-34 { margin-bottom: 0; }
	footer .site-footer-primary-section-2.site-footer-section.site-footer-section-2 {
    margin-top: 20px;
}
	
}







/* #radio-1 .forminator-field {
	justify-content:space-between;
} */
/* .forminator-ui#forminator-module-363.forminator-design--default .forminator-radio {
	margin: 0px;
} */
.forminator-ui#forminator-module-363.forminator-design--default .forminator-label {
    font-size: 16px !important;
}
span.forminator-radio-label
 {
    font-size: 14px;
}
/* Hide default circle */
.role-simple .forminator-radio-bullet {
    display: none !important;
}

/* Hide top title only */
#radio-1 .forminator-label {
    display: none;
}

/* Layout */
.role-simple .forminator-field {
    display: flex;
    gap: 20px;
}

/* Box style */
.role-simple .forminator-radio {
    position: relative;
    padding: 10px 40px 10px 10px;
    border: 2px solid #ffffff;
    border-radius: 8px;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
	margin:0px !important;
}

/* Hide actual radio input */
.role-simple .forminator-radio input[type="radio"] {
    display: none;
}

/* Tick when selected */
.role-simple .forminator-radio input[type="radio"]:checked + .forminator-radio-bullet + .forminator-radio-label::after {
    content: "✓";
    position: absolute;
    right: 12px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}