/*
Theme Name: Aqua Terra 2025 Child Theme Name
Template: twentytwentyfive
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Description: Aqua Terra Property Management, Inc.
Author: Mark Loshuck
Author URI: http://aquaterramgt.online
Version: 1.0.0
*/


/*Image FX             */

.containerfx {
  position: relative;
  border-radius: 10px;
  /**width: 50%;**/
 
}

.imagefx {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  border-radius: 20px;
  backface-visibility: hidden; 
  aspect-ratio: 4 / 3;
}

.middlefx {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
    left: 50%;
  width:80%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: left;
}

.containerfx:hover .imagefx {
  opacity: 1.3;
}

.containerfx:hover .middlefx {
  opacity: 1;
}

.textfx {
 /** background-color: #4169E1;  **/
 
    background-image: linear-gradient(to left, rgba(255,255,255,0), rgba(65, 105, 225,1));
 /**background: rgba(65, 105, 225, 0.4);  filter: alpha(opacity=60);**/
  color: white;
  font-size: 24px;
  padding: 16px 32px;
  margin: 0 0px;
  border-radius: 20px;
  width: 80%;
}


 .buttonfx {
     
  display: inline-block;
  padding: 10px 10px;
  margin:10px 10px 0 0;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #1a378e;
  border: none;
  border-radius: 15px;
  /*box-shadow: 0 5px #999;*/
}

.buttonfx:hover {background-color: #4169E1}

.buttonfx:active {
  background-color: #4169E1;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


/* Navigation   */ 



.wp-block-navigation {
    
    /* padding:0 0 20px -10px;*/
    
}

.wp-block-navigation a.wp-block-navigation-item__content {   
    transition: all linear 0.15s;
    
   }

    .wp-block-navigation .wp-block-navigation-item__content:hover {

    text-decoration:none;
color:#A9A9A9 ;
 transition: all linear 0.15s;

    }
  
  .wp-block-navigation ul li li a.wp-block-navigation-item__content  {background-color: #ffffff;}
  






 @supports (position: sticky) {
  .header {
    position: -webkit-sticky; /* For Safari */
   position: sticky;
    top: 0;
      z-index: 999;
  }
}

.navsticky {
top: 0;
 /* left: 0;
  right: 0;*/
  z-index: 1;
overflow:visible;
 height:50px;
width:100%;


position: -webkit-sticky;
  position: sticky;
}

.contentfix {
     z-index: 999;
}


.wp-block-navigation ul li li  {  
    color:#1a378e; 
}
ul.wp-block-navigation__submenu-container {
	margin:0 0 0 -18px; 
}

.wp-block-navigation__submenu-container {

  width: auto;
  white-space: nowrap;
}



  /* Hide the default featured image on mobile */
    @media only screen and (max-width: 768px) { /* Adjust max-width as needed for your mobile breakpoint */
       .featuredfx {
      /*    display: none; !important; /* Hides the original featured image */
        }
		.phonefx {
			text-align:left;
			justify-content:center;
		
		}

		.wp-block-navigation__submenu-container { /* Replace with your theme's specific class if different */
    
 position:fixed;/* Positions the submenu relative to the viewport */
  top: 50%;         /* Places the top edge at 50% of the viewport height */
  left: 50%;        /* Places the left edge at 50% of the viewport width */
  transform: translate(-25%, 0); /* Centers the element by shifting it back by half its own width and height */
  /* Add other styling for your submenu here (e.g., background-color, padding, box-shadow) */
  background-color: white;
  padding: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 100999; !important/* Ensure it appears above other content */
			
}
		
		
    }


 /* Display a different image for mobile */
    @media only screen and (max-width: 768px) {
        .featuredfx::before { /* Target a container if needed */
            content: "";
            display: block;!important; 
            background-image: url('http://aquaterramgt.online/wp-content/uploads/2025/08/AdobeStock_142654335mobile-test.png'); /* Replace with your mobile image URL */
            background-size: cover;
            background-position: center;
            padding-bottom: 56.25%; /* Adjust for desired aspect ratio (e.g., 16:9) */
            /* Add any other styling for the mobile image */
        }
    }