.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for cleanu_header, class: .elementor-element-14d610d *//* Turn any social link with tel: into a phone button + number */
.top-bar-area .social a[href^="tel:"] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #0b1d39 !important;
  font-weight: 700;
  font-size: 18px;
}

/* hide the default FA icon in that slot */
.top-bar-area .social a[href^="tel:"] i::before {
  content: none !important;
}

/* phone icon */
.top-bar-area .social a[href^="tel:"] i {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230b1d39' d='M391.1 351c-24.1 0-47.6-3.8-69.7-10.9a24 24 0 0 0-23.8 5.7l-43.9 33.2c-50.5-26.9-91.7-68-118.6-118.6l33.2-43.9a24 24 0 0 0 5.7-23.8c-7.2-22.1-10.9-45.6-10.9-69.7A24 24 0 0 0 139.3 80H88a24 24 0 0 0-24 24c0 178.7 145.3 324 324 324a24 24 0 0 0 24-24v-51.3a24 24 0 0 0-24-24z'/%3E%3C/svg%3E");
}

/* show the formatted number text after the icon */
.top-bar-area .social a[href^="tel:"]::after {
  content: "(203) 772-9409";
  color: #0b1d39;
  font-weight: 700;
  font-size: 24px;
}

/* hover color */
.top-bar-area .social a[href^="tel:"]:hover,
.top-bar-area .social a[href^="tel:"]:hover::after {
  color: #1a4fa3 !important;
}
/* Keep the social row in one line and vertically centered */
.top-bar-area .social { 
  display: flex; 
  justify-content: flex-end; 
  align-items: center;
}
.top-bar-area .social ul {
  display: flex;
  align-items: center;
  gap: 12px;           /* space between items */
  flex-wrap: nowrap;   /* prevent wrapping under */
}
.top-bar-area .social li {
  display: flex;
  align-items: center;
}

/* Phone link: keep number on one line and align with icons */
.top-bar-area .social a[href^="tel:"] {
  white-space: nowrap; 
  line-height: 1; 
  padding-left: 4px;
}

/* Make sure the top bar sits above the blue menu */
.header-top,
.top-bar-area {
  position: relative;
  z-index: 1001;   /* higher than the menu bar */
}
/* Remove phone icon */
.top-bar-area .social a[href^="tel:"] i {
  display: none !important;
}

/* Style and spacing for phone number */
.top-bar-area .social a[href^="tel:"] {
  white-space: nowrap;
  font-size: 18px;
  font-weight: bold;
  color: #0b1d39 !important;
  margin-left: 16px; /* pushes it away from Instagram icon */
}

.top-bar-area .social a[href^="tel:"]:hover {
  color: #1a4fa3 !important;
}
/* Normalize social icon height and alignment */
.top-bar-area .social a i,
.top-bar-area .social a svg {
  transform: scale(1.5);
  transform-origin: center;
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
}

.top-bar-area .social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* Shift the whole social + phone row left */
.top-bar-area .social {
  margin-right: 85px !important;   /* push group left */
  /* if margin doesn't move it in your layout, use padding instead: */
  padding-right: 24px !important;
  /* last resort nudge: */
  transform: translateX(-16px);
}

/* keep everything on one line and centered vertically */
.top-bar-area .social,
.top-bar-area .social ul {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px;
}/* End custom CSS */