/* 
Theme Name: Dawsongroup TCS
Description: Elementor Child Theme for Dawsongroup TCS
Template: hello-elementor
Version: 1.0.3
*/

/* -- Changing the menu background on scroll effect -- */

#header.elementor-sticky--effects {
  background: #fff !important; /* change the background color here*/
}

#header.elementor-sticky--effects .sticky-menu-items ul li a /* change the menu text color here*/ {
  color: #0d2a41 !important;
}

#header.elementor-sticky--effects,
.sticky-menu-items ul li a {
  transition: 0.5s all ease-in-out;
}

#header.elementor-sticky--effects {
  background-color: var(--color-highlight_blue) (0, 0, 0, 1);
  transition: all 0.5s ease-in-out;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

#header.elementor-sticky--effects .logo img {
  content: url("/wp-content/uploads/2025/02/dawsongroup-tcs-logo-colour.svg");
}

/* Change Text Colour and Links colour */
.menutextcolours ul li a {
  color: #ffffff !important;
}

/* Change Text Colour and Links colour */
.elementor-sticky--effects .menutextcolours ul li a {
  color: #0d2a67 !important;
}

/* No Horizontal Scroll */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Text outline styles */

.dg-outline-dark,
.dg-outline-light {
  -webkit-text-fill-color: transparent;
}

/* Link Colours */

p a {
  text-decoration: underline !important;
}
.dg-link-blue a {
  color: #0d2a67;
}

@media screen and (min-width: 768px) {
  .dg-boxed-col {
    --dg-content-width: 1140px; /* Adjust if your content width differs */
    flex-basis: min(50%, var(--dg-content-width) / 2);
  }
}

/* Default for Mobile & Tablet (up to 1024px) */
@media (max-width: 1024px) {
  .dg-outline-dark {
    -webkit-text-stroke: 1px rgb(13, 42, 103);
  }
  .dg-outline-light {
    -webkit-text-stroke: 1px #fff;
  }
  .dg-outline-red {
    -webkit-text-stroke: 1px #ff1530;
  }
}

/* Desktop (1025px and up) */
@media (min-width: 1025px) {
  .dg-outline-dark {
    -webkit-text-stroke: 2px rgb(13, 42, 103);
  }
  .dg-outline-light {
    -webkit-text-stroke: 2px #fff;
  }
  .dg-outline-red {
    -webkit-text-stroke: 2px #ff1530;
  }
}

/* Popup blur overlay */

.blur-background-overlay {
  background: rgba(255, 255, 255, 0.3); /* Fallback translucent overlay */
  backdrop-filter: blur(8px); /* Modern browsers */
  -webkit-backdrop-filter: blur(8px); /* Safari support */
}

/* Accordion styles */

.dg-accordion .e-n-accordion-item-title-text {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px;
}

.dg-accordion
  .elementor-widget-container
  .e-n-accordion-item[open]
  > .e-n-accordion-item-title {
  border-radius: 6px 6px 0 0;
}

/* Tabs styles */

.dg-tabs.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px;
}

.dg-tabs .elementor-widget-container > .e-n-tabs > .e-n-tabs-content {
  background-color: #ffffff;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.09);
}

/* Call To Action styles */

/* Mobile (up to 767px) */
@media (max-width: 767px) {
  .dg-cta img {
    height: 50px;
    object-fit: contain;
  }
}

/* Tablet (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .dg-cta img {
    height: 50px;
    object-fit: contain;
  }
}

/* Desktop (1025px and above) */
@media (min-width: 1025px) {
  .dg-cta img {
    height: 90px;
    object-fit: contain;
  }
}