/*.el-image { border-radius: 0 500px 500px 0; } */
.uk-navbar-container.uk-navbar-transparent {
    background: #171717a3;
}

/*FB Insta icon top right */
.tm-toolbar-default .uk-icon-link{
  color: #fff !important;
}

.tm-toolbar.tm-toolbar-default {
    z-index: 999;
}

.tm-header-mobile.uk-hidden\@s, .tm-header-mobile.uk-hidden\@m {
    top: 30px;
}

.tm-toolbar.uk-visible\@s, .tm-toolbar.uk-visible\@m {
    display: block !important;
}


.language_mod .mod-languages li{
    padding:0px;
    padding-left: 5px;
    margin:0px;
}


.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, .taxi-divider, .taxi-divider::after, .taxi-divider::before{
    border-top-color:#d4af37c5 !important;
    border-bottom-color:#d4af37c4 !important;
}

.golden-gradient-01 {
  background: linear-gradient(
    180deg,
    #fff2b0 0%,
    #f5d76e 30%,
    #e6b94e 55%,
    #cfa335 75%,
    #b58a2b 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
.golden-gradient-02 {
  background: linear-gradient(
    180deg,
    #f9e7a1 0%,
    #e6c65c 35%,
    #d4af37 60%,
    #b9962f 85%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
.taxi-glow-2{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:auto;
  opacity:0;
  pointer-events:none;
  will-change:opacity;
  mix-blend-mode:screen;
}



.hero-longdistance {
  min-height: clamp(320px, 50vh, 560px);
  overflow: hidden;
}

/* Map Marker Pulse Animation */
/*.el-marker {
  position: relative;
  z-index: 10;
  border: 5px solid #c9a24d !important;
}*/
/* Map Marker Pulse Animation (SCOPED) */
.map-locator .el-marker {
  position: absolute;    /* keep original YOOtheme positioning */
  z-index: 10;
  border: 0 !important;  /* prevent the pill */
  border-radius: 0;      /* prevent rounded rectangle */
  overflow: visible;
  padding: 0 !important;
  width: 11px;
  height: 11px;
  line-height: 0;
  display: block;
}

/* Make sure the dot fills the marker box */
.map-locator .el-marker svg {
  display: block;
  width: 11px;
  height: 11px;
}

.map-locator .el-marker::before,
.map-locator .el-marker::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(200, 150, 50, 0.6);
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  pointer-events: none;
  animation: markerPulse 3s ease-out infinite;
  z-index: 0;
}

.map-locator .el-marker::after {
  animation-delay: 1.5s;
}



.map-locator .el-marker .marker-city-label {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.2px;
  text-shadow: 0 1px 6px rgba(0,0,0,0.85);
  pointer-events: none;
  z-index: 20;
}

.map-locator .el-marker::before,
.map-locator .el-marker::after {
  z-index: 0;
}

/* keep dot + label above pulse */
.map-locator .el-marker svg,
.map-locator .el-marker .marker-city-label {
  position: relative;
  z-index: 5;
}
.map-locator .el-marker { background: transparent !important; box-shadow: none !important; }




.megamenu-services-desktop .el-item a{
  color: white !important;
  padding: 5px 0 !important;
}

.megamenu-services-desktop .el-image{
  filter: invert(1);
  height: 24px;
  width: auto;
}
.megamenu-services-desktop .el-link {
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.megamenu-services-desktop .el-link:hover {
  color: #d4af37 !important;
  text-decoration: underline solid #d4af37 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  background-color: initial !important;
}

.video-overlay .el-content{
  color:white;
  font-weight: 600;
}

/* make icons white and slightly transparent */
.services-panel .el-image{
  filter:invert(1) !important;
  opacity: 0.85 !important;
}

/* wake up opacity on hover*/
.services-panel .uk-card-hover:hover .el-image {
  opacity: 1 !important;
}

.services-panel {
  background-color: #0000003d !important;
}

.services-panel .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    background-color:initial;
    box-shadow: initial;
}
.services-panel .uk-card-hover:hover {
  text-decoration: underline solid #d4af37 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}


.split-cards-html-element .split-card-text {
    font-size: 1.8rem !important;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9) !important;
}


/* Inactive fields */
.yootheme_rsforms_element.contactform_mod .uk-input,
.yootheme_rsforms_element.contactform_mod textarea {
  background: transparent;
  color: #fff;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, .35);
}

/* Focus state */
.yootheme_rsforms_element.contactform_mod .uk-input:focus,
.yootheme_rsforms_element.contactform_mod textarea:focus {
  border-bottom: 2px solid #d4af37;
  background: transparent;
  color: #fff;
  outline: none;
}

/* Caret */
.yootheme_rsforms_element.contactform_mod input,
.yootheme_rsforms_element.contactform_mod textarea {
  caret-color: #d4af37;
}

/* Autofill fix */
.yootheme_rsforms_element.contactform_mod input:-webkit-autofill {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  transition: background-color 9999s ease-in-out 0s;
}

.yootheme_rsforms_element.contactform_mod .uk-input:focus,
.yootheme_rsforms_element.contactform_mod .uk-select:focus,
.yootheme_rsforms_element.contactform_mod .uk-textarea:focus {
  background-color: #000000;
  color: #fff;
  border-color: transparent !important;
  border-bottom-color: #f5d76e !important;
}




/* RSForm thank-you popup – premium styling */
.rsfp_popup_activated .rsfp_thankyou_popup_outer {
  background: rgba(0, 0, 0, 0.55);
}

.rsfp_popup_activated .rsfp_thankyou_popup_inner {
  background: #f6f5f2;
  color: #2a2a2a;
  width: min(720px, 92vw);
  padding: 28px 32px;
  border-radius: 10px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.35);
  position: relative;
  border-top: 3px solid rgba(197, 164, 92, 0.75);
  max-width: 720px;
}

/* Remove blockquote “quote” vibe */
.rsfp_popup_activated .rsfp_thankyou_popup_inner blockquote {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-size: 18px;
  line-height: 1.65;
  color: #2a2a2a;
}

/* Title styling (if you keep <strong> for first line) */
.rsfp_popup_activated .rsfp_thankyou_popup_inner strong {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  color: #1f1f1f;
}

/* Paragraph spacing inside the popup */
.rsfp_popup_activated .rsfp_thankyou_popup_inner p {
  margin: 0 0 12px 0;
}

.rsfp_popup_activated .rsfp_thankyou_popup_inner p:last-child {
  margin-bottom: 0;
}

/* Close button */
.rsfp_popup_activated .rsfp_thankyou_popup_close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 999px;
  /*color: rgba(20, 20, 20, 0.55);*/
  color: rgba(0, 0, 0, 0.55) !important;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}


.rsfp_popup_activated .rsfp_thankyou_popup_close_btn:hover {
  background: rgba(197, 164, 92, 0.12);
  /*color: rgba(20, 20, 20, 0.85);*/
  color:rgba(0, 0, 0, 0.85) !important;
}




@media (min-width: 641px) {
  .services-list-diamond li {
    list-style: none;
    padding: 10px 30px;
    /* background-image: url("your_image_url");*/
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px; /* adjust this to the size you want */
  }
}

@media (max-width: 640px) {
  .menu_gent .col_2.perfect_for {
      margin-top: 30px;
    }
  
  .col_2.perfect_for{
    margin-top: 50px;
  }
    
  .mobile_menu > ul > li > ul > li > a > picture > img{
      height: 20px;
      width: 20px;
      filter: invert(1);
  }
  .mobile_menu .uk-nav-center li>a {
      justify-content: left;
  }

  .mobile_menu .uk-nav li>a {
      justify-content: left;
      display: flex;
      align-items: normal;
      column-gap: .25em;
      text-decoration: none;
  }
  .services-panel {
    margin-left: 20px;
  }
  .map-locator .el-marker .marker-city-label {
    font-size: 10px;
    top: 14px;
  }
  .tm-header-mobile.uk-hidden\@s.tm-header-overlay nav .uk-navbar-left > a > picture > img{
    padding-top: 35px !important;
  }
}


/*
.map-locator .el-marker::after {
  content: attr(data-city-label);
  position: absolute;
  top: 16px;             
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.2px;
  text-shadow: 0 1px 6px rgba(0,0,0,0.85);
  pointer-events: none; 
}
*/


@keyframes markerPulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    transform: translate(-50%, -50%) scale(8);
    opacity: 0;
  }
}