.elementor-kit-1180{--e-global-color-primary:#2D97CA;--e-global-color-secondary:#183E5D;--e-global-color-text:#000000;--e-global-color-accent:#7B7B7B;--e-global-color-2bfca20:#FFFFFF;--e-global-color-1843afa:#F3F4F4;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:24px;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:20px;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:48px;--e-global-typography-text-font-weight:700;--e-global-typography-text-line-height:54px;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:24px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:28px;--e-global-typography-2004a60-font-family:"Montserrat";--e-global-typography-2004a60-font-size:60px;--e-global-typography-2004a60-font-weight:700;--e-global-typography-2004a60-line-height:64px;--e-global-typography-2d3b352-font-family:"Montserrat";--e-global-typography-2d3b352-font-size:20px;--e-global-typography-2d3b352-font-weight:700;--e-global-typography-2d3b352-line-height:24px;--e-global-typography-4be490c-font-family:"Montserrat";--e-global-typography-4be490c-font-size:14px;--e-global-typography-4be490c-font-weight:500;--e-global-typography-4be490c-line-height:18px;background-color:var( --e-global-color-2bfca20 );color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-1180 button,.elementor-kit-1180 input[type="button"],.elementor-kit-1180 input[type="submit"],.elementor-kit-1180 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:16px;font-weight:normal;text-transform:capitalize;border-radius:8px 8px 8px 8px;padding:10px 15px 10px 15px;}.elementor-kit-1180 button:hover,.elementor-kit-1180 button:focus,.elementor-kit-1180 input[type="button"]:hover,.elementor-kit-1180 input[type="button"]:focus,.elementor-kit-1180 input[type="submit"]:hover,.elementor-kit-1180 input[type="submit"]:focus,.elementor-kit-1180 .elementor-button:hover,.elementor-kit-1180 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-kit-1180 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-1180 p{margin-block-end:1em;}.elementor-kit-1180 a{color:var( --e-global-color-secondary );}.elementor-kit-1180 a:hover{color:var( --e-global-color-primary );}.elementor-kit-1180 h1{font-family:var( --e-global-typography-2004a60-font-family ), Sans-serif;font-size:var( --e-global-typography-2004a60-font-size );font-weight:var( --e-global-typography-2004a60-font-weight );line-height:var( --e-global-typography-2004a60-line-height );}.elementor-kit-1180 h2{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:700;line-height:42px;}.elementor-kit-1180 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-2d3b352-font-family ), Sans-serif;font-size:var( --e-global-typography-2d3b352-font-size );font-weight:var( --e-global-typography-2d3b352-font-weight );line-height:var( --e-global-typography-2d3b352-line-height );}.elementor-kit-1180 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-1180 img{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1820px;}.e-con{--container-max-width:1820px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-1180{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-1180 h1{font-size:var( --e-global-typography-2004a60-font-size );line-height:var( --e-global-typography-2004a60-line-height );}.elementor-kit-1180 h3{font-size:var( --e-global-typography-2d3b352-font-size );line-height:var( --e-global-typography-2d3b352-line-height );}.elementor-kit-1180 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1180{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-1180 h1{font-size:var( --e-global-typography-2004a60-font-size );line-height:var( --e-global-typography-2004a60-line-height );}.elementor-kit-1180 h3{font-size:var( --e-global-typography-2d3b352-font-size );line-height:var( --e-global-typography-2d3b352-line-height );}.elementor-kit-1180 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   YourHomes – Site CSS (Cleaned + Refined)
   UAEL menu: Desktop only
   Mobile: Side menu widget (no UAEL dropdown rules)
   White header pages: body.yh-white-header
   ========================================================= */

/* =========================================================
   HEADER (sticky, transparent at top, white on scroll)
   ========================================================= */

.elementor-location-header{
  position: sticky;
  top: 0;
  z-index: 999;
  background: transparent;
  transition: background-color .45s cubic-bezier(.4,0,.2,1),
              box-shadow .45s cubic-bezier(.4,0,.2,1);
}

.elementor-location-header.scrolled{
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

/* Always-white header pages */
body.yh-white-header .elementor-location-header{
  background: #fff !important;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.06);
}

body.yh-white-header .elementor-location-header.scrolled{
  box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
}

/* When sticky is active, keep the same background/shadow behaviour */
.elementor-location-header.scrolled .elementor-sticky--active{
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.08) !important;
}

/* White-header pages: sticky must stay white even at top */
body.yh-white-header .elementor-location-header .elementor-sticky--active{
  background: #fff !important;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.06) !important;
}

body.yh-white-header .elementor-location-header.scrolled .elementor-sticky--active{
  box-shadow: 0 2px 10px rgba(0,0,0,.08) !important;
}

/* Prevent inner sticky container from animating */
.elementor-location-header .elementor-sticky--active{
  transition: none !important;
}

/* Sticky container should just inherit */
.elementor-location-header .elementor-sticky--active{
  background: inherit !important;
  box-shadow: inherit !important;
}

/* =========================================================
   UAEL MENU – DESKTOP ONLY
   ========================================================= */
@media (min-width: 1025px){

  body:not(.yh-white-header) .elementor-location-header:not(.scrolled) .uael-menu-item{
    color: #fff;
    transition: color .25s ease;
  }

  .elementor-location-header.scrolled .uael-menu-item{
    color: #000 !important;
  }

  .elementor-location-header.scrolled .uael-menu-item:hover{
    color: #2d97ca !important;
  }

  body.yh-white-header .elementor-location-header .uael-menu-item{
    color: #000 !important;
  }

  body.yh-white-header .elementor-location-header .uael-menu-item:hover{
    color: #2d97ca !important;
  }

  /* Active/current menu item accent (scrolled OR white pages) */
  .elementor-location-header.scrolled li.current-menu-item > a.uael-menu-item,
  .elementor-location-header.scrolled li.current_page_item > a.uael-menu-item,
  .elementor-location-header.scrolled li.current-menu-ancestor > a.uael-menu-item,
  .elementor-location-header.scrolled li.current_page_ancestor > a.uael-menu-item,
  .elementor-location-header.scrolled li.current-menu-parent > a.uael-menu-item,
  .elementor-location-header.scrolled li.current_page_parent > a.uael-menu-item,
  .elementor-location-header.scrolled a.uael-menu-item[aria-current="page"],
  body.yh-white-header li.current-menu-item > a.uael-menu-item,
  body.yh-white-header li.current_page_item > a.uael-menu-item,
  body.yh-white-header a.uael-menu-item[aria-current="page"]{
    color: #2d97ca !important;
  }

  /* Burger icon colour (if UAEL toggle appears on desktop breakpoints) */
  body.yh-white-header .uael-nav-menu__toggle svg,
  .elementor-location-header.scrolled .uael-nav-menu__toggle svg{
    fill: #000 !important;
  }
}


/* =========================================================
   UAEL DROPDOWNS – DESKTOP ONLY
   ========================================================= */
@media (min-width: 1025px){

  nav.uael-dropdown{
    position: absolute !important;
    max-width: 100% !important;
    transform: none !important;
  }

  /* Glass dropdown ONLY on transparent pages when at top */
  body:not(.yh-white-header)
  .elementor-location-header:not(.scrolled)
  .uael-nav-menu .sub-menu{
    background: rgba(255,255,255,0.06) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(0,0,0,0.22);
  }

  body:not(.yh-white-header)
  .elementor-location-header:not(.scrolled)
  .uael-nav-menu .sub-menu a{
    color: #fff !important;
  }

  body:not(.yh-white-header)
  .elementor-location-header:not(.scrolled)
  .uael-nav-menu .sub-menu a:hover{
    color: #2d97ca !important;
  }

  /* White dropdown when scrolled OR on white-header pages */
  .elementor-location-header.scrolled .uael-nav-menu .sub-menu,
  body.yh-white-header .uael-nav-menu .sub-menu{
    background: #fff !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12) !important;
    border: 0 !important;
  }

  .elementor-location-header.scrolled .uael-nav-menu .sub-menu a,
  body.yh-white-header .uael-nav-menu .sub-menu a{
    color: #000 !important;
  }

  .elementor-location-header.scrolled .uael-nav-menu .sub-menu a:hover,
  body.yh-white-header .uael-nav-menu .sub-menu a:hover{
    color: #2d97ca !important;
  }

  /* Active inside dropdowns */
  .elementor-location-header.scrolled .sub-menu li.current-menu-item > a.uael-menu-item,
  .elementor-location-header.scrolled .sub-menu li.current_page_item > a.uael-menu-item,
  body.yh-white-header .sub-menu li.current-menu-item > a.uael-menu-item,
  body.yh-white-header .sub-menu li.current_page_item > a.uael-menu-item{
    color: #2d97ca !important;
  }
}


/* =========================================================
   PREVENT HORIZONTAL OVERFLOW
   ========================================================= */
html, body{ overflow-x: hidden; }


/* =========================================================
   PROPERTY BADGES
   ========================================================= */
.yh-card-img-wrap{ position: relative; }

.yh-badge{
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 8px;
  color: #fff;
  z-index: 50;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  min-width: 70px;
}

.yh-new{ background:#2d97ca; }
.yh-let{ background:#FC2D2D; }
.yh-let-complete{ background:#FC2D2D; }


/* =========================================================
   PAGINATION (YourHomes)
   ========================================================= */
.yh-results .elementor-pagination{
  margin-top: 60px;
}

.yh-results .elementor-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:38px;
  padding:0 12px;
  margin:0 6px 8px 0;
  border:1px solid rgba(0,0,0,0.15);
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
  line-height:1;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.yh-results .elementor-pagination a.page-numbers:hover{
  background:#183e5d;
  border-color:#183e5d;
  color:#fff;
}

.yh-results .elementor-pagination .page-numbers.current{
  background:#183e5d;
  border-color:#183e5d;
  color:#fff;
}

.yh-results .elementor-pagination .page-numbers.dots{
  border:none;
  background:transparent;
  min-width:auto;
  padding:0 6px;
}

.elementor-pagination span.page-numbers.prev,
.elementor-pagination span.page-numbers.next{
  opacity: 0.4;
  cursor: default;
}


/* =========================================================
   PROPERTYHIVE TABS (Scoped to .yh-ph-tabs)
   ========================================================= */
.yh-ph-tabs{
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.yh-ph-tabs .elementor-tabs-wrapper{
  display:flex;
  gap:10px;
  padding:14px;
  margin:0;
  background:#F3F4F4;
  border-bottom:1px solid rgba(0,0,0,0.06);
}

.yh-ph-tabs .elementor-tab-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  font-weight:700;
  color:#183e5d;
  background:transparent;
  border:1px solid rgba(24,62,93,0.14);
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.yh-ph-tabs .elementor-tab-title:hover{
  background: rgba(45,151,202,0.10);
  border-color: rgba(45,151,202,0.35);
  color:#2d97ca;
}

.yh-ph-tabs .elementor-tab-title.elementor-active,
.yh-ph-tabs .elementor-tab-title[aria-selected="true"]{
  background:#fff;
  border-color: rgba(45,151,202,0.45);
  color:#183e5d;
  box-shadow:0 8px 18px rgba(0,0,0,0.10);
  position:relative;
}

.yh-ph-tabs .elementor-tab-title.elementor-active::after,
.yh-ph-tabs .elementor-tab-title[aria-selected="true"]::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:7px;
  height:3px;
  border-radius:999px;
  background:#2d97ca;
}

.yh-ph-tabs .elementor-tab-content{
  padding:28px;
  line-height:1.75;
}

@media (max-width: 768px){
  .yh-ph-tabs .elementor-tabs-wrapper{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    padding:12px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .yh-ph-tabs .elementor-tabs-wrapper::-webkit-scrollbar{ display:none; }

  .yh-ph-tabs .elementor-tab-title.elementor-tab-desktop-title{
    display:inline-flex !important;
    flex:0 0 auto !important;
    padding:8px 10px !important;
    font-size:14px !important;
    line-height:1 !important;
    border-radius:999px !important;
    white-space:nowrap !important;
    min-width:max-content !important;
  }
  .yh-ph-tabs .elementor-tab-title.elementor-tab-mobile-title{ display:none !important; }
}


/* =========================================================
   VALUATION IFRAME WRAPPER
   ========================================================= */
.valuation-iframe-wrapper{ width: 100%; }

.valuation-iframe-wrapper iframe{
  width: 100%;
  height: 900px;
  border: none;
}

@media (max-width: 768px){
  .valuation-iframe-wrapper iframe{ height: 700px; }
}


/* =========================================================
   BEDROOM & PROPERTY TYPE LABEL
   ========================================================= */
.yh-bed-type{ font-size: 16px; }



/* =========================================================
   FORCE BLACK MENU ON WHITE-HEADER PAGES
   (Properties to Rent + Legal pages + Single property)
   ========================================================= */

/* Main menu links */
body.yh-white-header .elementor-location-header .uael-menu-item,
body.yh-white-header .elementor-location-header a.uael-menu-item,
body.yh-white-header .elementor-location-header .uael-nav-menu a,
body.yh-white-header .elementor-location-header .uael-nav-menu a.uael-menu-item,
body.yh-white-header .elementor-location-header .elementor-sticky--active .uael-menu-item,
body.yh-white-header .elementor-location-header .elementor-sticky--active a.uael-menu-item,
body.yh-white-header .elementor-location-header .elementor-sticky--active .uael-nav-menu a{
  color: #000 !important;
}

/* Hover */
body.yh-white-header .elementor-location-header .uael-menu-item:hover,
body.yh-white-header .elementor-location-header .uael-nav-menu a:hover,
body.yh-white-header .elementor-location-header .elementor-sticky--active .uael-menu-item:hover,
body.yh-white-header .elementor-location-header .elementor-sticky--active .uael-nav-menu a:hover{
  color: #2d97ca !important;
}

/* Burger icon (UAEL toggle if it appears at your breakpoints) */
body.yh-white-header .elementor-location-header .uael-nav-menu__toggle svg,
body.yh-white-header .elementor-location-header .elementor-sticky--active .uael-nav-menu__toggle svg{
  fill: #000 !important;
}


/* =========================================================
   Smooth fade when header switches (transparent <-> white)
   Works with Elementor sticky (outer + inner)
   ========================================================= */

/* Give BOTH layers the same transition */
.elementor-location-header,
.elementor-location-header .elementor-sticky--active{
  transition: background-color .45s ease, box-shadow .45s ease, border-color .45s ease !important;
}

/* Make sure we're animating background-color (not 'background' shorthand) */
.elementor-location-header{
  background-color: transparent !important;
}

.elementor-location-header.scrolled{
  background-color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
}

/* White header pages (always white, still smooth on shadow change) */
body.yh-white-header .elementor-location-header{
  background-color: #ffffff !important;
}

/* Ensure the sticky inner element follows the same colours */
.elementor-location-header .elementor-sticky--active{
  background-color: inherit !important;
  box-shadow: inherit !important;
}/* End custom CSS */