/**
 * T.U.A Events — global brand color remapping
 * Replaces legacy dmg lime (#d6e03d) and cyan (#10abe5 / #00a5e3) accents.
 */

:root {
  --tua-brand-orange: #e69110;
  --tua-brand-orange-dark: #c97a0d;
  --tua-brand-navy: #05071f;
}

/* ---- Links & text accents ---- */
.link,
.text-green,
ul#search-result-listing a {
  color: var(--tua-brand-orange) !important;
}

.link:focus,
.link:hover {
  color: var(--tua-brand-orange-dark) !important;
}

.enq-link,
.event-mobile-link,
.sector-link a,
.sector-link a span,
.industry-wrapper .sector-link a {
  color: var(--tua-brand-orange) !important;
}

.single-contacts-wrapper h2,
.feature-position .position-row .position-name h3,
.tab-title,
.testimonial-slider.slick-initialized.slick-slider .testimonial h3 {
  color: var(--tua-brand-orange) !important;
}

/* ---- Page banners ---- */
.inner-page-banner .inner-banner-content .inner-title,
.inner-page-banner .inner-banner-content .inner-title span {
  color: var(--tua-brand-orange) !important;
}

/* ---- Primary navigation ---- */
.nav-wrapper .nav-bar .menu-list li.main-menu.active > a,
.nav-wrapper .nav-bar .menu-list li.main-menu:hover > a {
  color: var(--tua-brand-orange) !important;
}

.nav-wrapper .nav-bar .menu-list li.main-menu:after {
  background-color: var(--tua-brand-orange) !important;
}

.nav-wrapper .nav-bar .menu-list li.main-menu.active:after {
  width: 100%;
}

.nav-wrapper .nav-bar .menu-list li.main-menu .sub-menu a:hover,
.nav-wrapper .nav-bar .menu-list li.main-menu .sub-menu a:focus,
.nav-wrapper .nav-bar .menu-list li.main-menu .sub-menu a.active,
.sub-menu a.active {
  color: var(--tua-brand-orange) !important;
}

@media screen and (max-width: 1024px) {
  .nav-wrapper .nav-bar .menu-list li.main-menu.active > a,
  .nav-wrapper .nav-bar .menu-list li.main-menu.submenu-open > a,
  .nav-wrapper .nav-bar .menu-list li.main-menu:hover > a {
    color: var(--tua-brand-orange) !important;
  }
}

/* Legacy .open class on dropdown items must not look like the current page */
.nav-wrapper .nav-bar .menu-list li.main-menu.open:not(.active) > a {
  color: #fff !important;
}

.nav-wrapper .nav-bar .menu-list li.main-menu.open:not(.active):after {
  width: 0 !important;
}

@media screen and (max-width: 1024px) {
  .nav-wrapper .nav-bar .menu-list li.main-menu.open:not(.active):not(.submenu-open) > a {
    color: #000 !important;
  }
}

/* ---- Hero banner ---- */
.main-banner .tabs-sec .tab-wrapper .tabs h1 {
  color: var(--tua-brand-orange) !important;
}

.main-banner .tab-button-wrapper {
  border-top-color: var(--tua-brand-orange) !important;
}

.main-banner .tab-button-wrapper .tab-buttons {
  border-color: var(--tua-brand-orange) !important;
  color: var(--tua-brand-orange) !important;
}

.main-banner .tab-button-wrapper .tab-buttons:hover,
.main-banner .tab-button-wrapper .tab-buttons:focus {
  background-color: var(--tua-brand-orange) !important;
  color: #fff !important;
}

/* ---- Sector icon backgrounds ---- */
.sector-section .sector-ion svg circle {
  fill: var(--tua-brand-orange) !important;
}

.sector-section .sector-ion svg circle[fill="none"],
.sector-section .sector-ion svg circle[fill="transparent"] {
  fill: none !important;
}

.sector-section .sector-ion svg use {
  fill: var(--tua-brand-orange) !important;
}

.sector-section .sector-ion svg use#B1NgirVnV3G,
.sector-section .sector-ion svg clippath use {
  fill: none !important;
}

.sector-section .sector-ion svg rect[fill="#d6e03d"],
.sector-section .sector-ion svg rect[fill="#D6E03E"],
.sector-section .sector-ion svg rect[fill="#d6e03e"] {
  fill: var(--tua-brand-orange) !important;
}


/* ---- Buttons & bordered CTAs ---- */
.green-border,
.blue-border {
  border-color: var(--tua-brand-orange) !important;
  color: var(--tua-brand-orange) !important;
}

.green-border:hover,
.blue-border:hover {
  background-color: var(--tua-brand-orange) !important;
  color: #fff !important;
}

.orange-btn,
.icon-btn:hover,
.header-wrapper .search-wrapper .search-bar #event-select a,
.header-wrapper .search-wrapper .search-bar #event-select button {
  background-color: var(--tua-brand-orange) !important;
}

.orange-btn:hover,
.header-wrapper .search-wrapper .search-bar #event-select a:hover {
  background-color: var(--tua-brand-orange-dark) !important;
}

/* ---- Section headings underline ---- */
.page-heading .line:after {
  border-top-color: var(--tua-brand-orange) !important;
}

/* ---- Cards, badges & highlights ---- */
.get-involved .box-wrap-involved .box-content-involved .round-number,
.feature-position .position-row .click-apply .popup-box .fa,
.carres-below-banner .hover-box .box-content h2,
.profile-sec-wrapper .profile-view .profile-view-wrap:hover .profile-disc h4,
section.error .error-wrapper h1 {
  background-color: var(--tua-brand-orange) !important;
  color: #fff;
}

.carres-below-banner .hover-box .box-content h2,
.profile-sec-wrapper .profile-view .profile-view-wrap:hover .profile-disc h4,
section.error .error-wrapper h1 {
  background-color: transparent !important;
  color: var(--tua-brand-orange) !important;
}

.Build-data .right-side .img-round,
.Promotional-opportunities .right-side .img-round,
.get-involved .box-wrap-involved .box-content-involved {
  border-color: var(--tua-brand-orange) !important;
}

.logo-text-section .logo-text-right,
.logo-text-section .logo-text-right:after {
  background-color: var(--tua-brand-orange) !important;
}

/* ---- Pagination & search ---- */
.pagination .pagination-wrapper ul li:hover a,
.pagination .pagination-wrapper ul li a.active,
.ezsearch-pager a.next.arrows.previous,
.ezsearch-pager a.page,
.ezsearch-pager span.page,
.ezsearch-pager span.prev {
  background-color: var(--tua-brand-orange) !important;
  color: #fff !important;
}

/* ---- Profile / careers ---- */
.profile-view .profile-popup .popup-profile-main .right .popup-linkedin {
  border-color: var(--tua-brand-orange) !important;
  color: var(--tua-brand-orange) !important;
}

/* ---- CTAs & view buttons ---- */
.events-details .view-all,
.publication-wrap .read-more-pub a {
  background-color: var(--tua-brand-orange) !important;
  color: #fff !important;
}

.events-details .view-all:hover,
.publication-wrap .read-more-pub a:hover,
.publication-wrap .read-more-pub a:focus {
  background-color: var(--tua-brand-orange-dark) !important;
}

/* ---- Social sidebar & footer ---- */
.social-fixed ul li a:hover i,
.tua-contact-social a:hover i {
  color: var(--tua-brand-orange) !important;
}

.social-fixed ul li a:hover svg path{
  fill: var(--tua-brand-orange) !important;
}

.social-fixed ul li a:hover{
  color: var(--tua-brand-orange) !important;
}



/* Prefer orange icon tint over filled cyan/lime pill from legacy CSS */

.social-c ul li a:hover {
  background: var(--tua-brand-orange) !important;
}




/* ---- Home: new-two-col section buttons ---- */
.new-two-col .new-two-col-wrap .tab-button-wrapper a:hover {
  border-color: var(--tua-brand-orange) !important;
  color: #fff !important;
  background-color: var(--tua-brand-orange) !important;
}

/* ---- About page & customstyles accents ---- */
.pub-left-outer h3,
.find-cta {
  color: var(--tua-brand-orange) !important;
}

.find-cta:hover {
  color: var(--tua-brand-orange-dark) !important;
}

.find-cta svg path {
  stroke: var(--tua-brand-orange) !important;
}

.find-cta svg path:last-child {
  fill: var(--tua-brand-orange) !important;
  stroke: none !important;
}

.logo-text-section .logo-text-right .find-cta,
.logo-text-section .logo-text-right .find-cta:hover,
.logo-text-section .logo-text-right .find-cta svg path,
.logo-text-section .logo-text-right .find-cta svg path:last-child {
  color: #000 !important;
  stroke: #000 !important;
  fill: #000 !important;
}

/* Social hover: brand orange icons (overrides customstyles lime) */

.three-col-tab-link.active h5 {
  border-left-color: var(--tua-brand-orange) !important;
}

.inner-testimonial-2024 .testimonial-slider.slick-initialized.slick-slider .slick-dots li button:before {
  background: rgba(230, 145, 16, 0.4) !important;
}

.inner-testimonial-2024 .testimonial-slider.slick-initialized.slick-slider .slick-dots li.slick-active button:before {
  background: var(--tua-brand-orange) !important;
}

/* ---- Footer & misc ---- */
.black-footer a:hover,
.footer-links a:hover {
  color: var(--tua-brand-orange) !important;
}

/* ---- Focus states ---- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
.ham-icon-wrap:focus-visible {
  outline-color: var(--tua-brand-orange);
}

/* ---- Market Entry Support Services ---- */
.market-entry-content {
  padding: 75px 0 85px;
  background: #fff;
}

.market-entry-heading {
  margin-bottom: 32px;
}

.market-entry-services {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.market-entry-card {
  position: relative;
  min-height: 150px;
  padding: 28px 28px 26px 34px;
  overflow: hidden;
  border: 1px solid #ececec;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

.market-entry-card::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  background: var(--tua-brand-orange);
  content: "";
}

.market-entry-card h3 {
  margin: 0 0 10px;
  color: #111;
  font-size: 19px;
  font-weight: 700;
}

.market-entry-card p {
  margin: 0;
  color: #555;
  font-size: 15px;
  line-height: 1.7;
}

.market-entry-approach {
  margin-top: 80px;
  padding: 48px 42px 52px;
  border-radius: 12px;
  background: #111;
}

.market-entry-approach .market-entry-heading h2 {
  color: #fff;
}

.market-entry-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.market-entry-steps li {
  position: relative;
  text-align: center;
}

.market-entry-steps li:not(:last-child)::after {
  position: absolute;
  top: 22px;
  right: -21px;
  color: var(--tua-brand-orange);
  content: "\2192";
  font-size: 25px;
}

.market-entry-steps span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: var(--tua-brand-orange);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

.market-entry-steps strong {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}

.market-entry-why {
  margin-top: 80px;
}

.market-entry-why ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 30px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.market-entry-why li {
  position: relative;
  padding: 20px 20px 20px 50px;
  border: 1px solid #ececec;
  border-radius: 8px;
  color: #333;
  font-size: 15px;
  line-height: 1.55;
}

.market-entry-why li::before {
  position: absolute;
  top: 18px;
  left: 19px;
  color: var(--tua-brand-orange);
  content: "\2713";
  font-size: 20px;
  font-weight: 800;
}

.market-entry-closing {
  margin: 34px 0 0;
  padding: 24px 28px;
  border-left: 5px solid var(--tua-brand-orange);
  background: #f7f7f7;
  color: #111;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.55;
}

@media (max-width: 991px) {
  .market-entry-steps {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .market-entry-steps li:not(:last-child)::after {
    top: auto;
    right: 50%;
    bottom: -23px;
    transform: translateX(50%) rotate(90deg);
  }
}

@media (max-width: 767px) {
  .market-entry-content {
    padding: 55px 0 65px;
  }

  .market-entry-services,
  .market-entry-why ul {
    grid-template-columns: 1fr;
  }

  .market-entry-card {
    min-height: 0;
    padding: 24px 22px 22px 28px;
  }

  .market-entry-approach {
    margin-top: 55px;
    padding: 36px 22px 40px;
  }

  .market-entry-why {
    margin-top: 55px;
  }
}