.mxd-logo__image {
  width: 5.8rem !important; /* Increased from 7rem */
  height: auto;
}

@media only screen and (min-width: 768px) {
  .mxd-logo__image {
    width: 14rem !important; /* Increased from 8.5rem */
  }
}

/* Fix for menu promo video size */
.menu-promo__video {
  max-width: 540px;
  max-height: 350px;
  overflow: hidden;
}

.menu-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Ensure caption visibility */
.menu-promo__caption {
  position: relative;
  z-index: 2;
  margin-bottom: 2rem;
  font-size: 2.2rem;
  line-height: 1.4;
}

.menu-promo__content {
  display: flex;
  flex-direction: column;
}

/* Custom background colors for service cards */
.bg-light-pink {
  background-color: #FFB6C1 !important; /* Light pink color */
  color: #000 !important; /* Ensuring text remains readable */
}

.bg-light-pink .t-opposite,
.bg-light-pink .opposite,
.bg-light-pink .tag-outline-opposite {
  color: #000 !important; /* Making all text dark for better contrast */
  border-color: #000 !important; /* Making tag borders dark */
}

/* Custom link styles */
.mxd-services-cards-s__title a {
  color: #000 !important;
  transition: transform 0.3s ease, color 0.3s ease;
  display: inline-block;
}

.mxd-services-cards-s__title a:hover {
  transform: scale(1.05);
  color: #333 !important;
}

/* Spaced line break */
.spaced-br {
  margin: 1rem 0;
  display: block;
}

/* Project tags styling */
.mxd-projects-stack__tags {
  margin-top: -20px;
}

.mxd-projects-stack__tags .tag-outline-permanent {
  background-color: transparent;
  border: 1px solid #333;
  color: #333;
}

/* Project list styling */
.mxd-project__list {
  list-style: none;
  padding-left: 0;
  margin: 2rem 0;
}

.mxd-project__list li {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
  position: relative;
}

.mxd-project__list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--accent);
}

.mxd-project__list li strong {
  color: var(--t-bright);
  font-weight: var(--fw-semi-bold);
}

/* Ensure bold tags display properly */
.inner-headline__text b,
.inner-headline__text strong {
  font-weight: 700 !important;
}

/* Desktop-only line break */
@media only screen and (max-width: 767px) {
  .desktop-only {
    display: none;
  }
}

/* Footer column width adjustments */
.footer-blocks__column:first-child {
  flex: 1.7; /* Increase first column width */
}

.footer-blocks__column:last-child {
  flex: 1.1; /* Reduce last column width */
}

.footer-blocks__column:nth-child(2) {
  flex: 1.2; /* Slightly adjust middle column */
}

/* Fix for "No open positions" text alignment */
.mxd-awards-list__title.text-center p {
  transform: translateX(0) !important;
}

/* ============================================ */
/* Mobile Video Fixes */
/* ============================================ */

/* Ensure videos display properly on mobile */
@media only screen and (max-width: 767px) {
  .mxd-divider__video {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 200px !important;
  }
  
  .mxd-divider__video video {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    background-color: transparent !important;
  }
  
  /* Ensure video container doesn't collapse */
  .mxd-divider {
    min-height: 200px !important;
    margin-bottom: 2rem !important;
    overflow: hidden !important;
  }
  
  .mxd-divider__video {
    border-radius: inherit !important;
    overflow: hidden !important;
  }
  
  /* Fix parallax video on mobile */
  .parallax-video {
    transform: none !important;
    border-radius: inherit !important;
  }
}

/* General video styling improvements */
video.parallax-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ============================================ */
/* Navigation Menu Video Fixes */
/* ============================================ */

/* Ensure navigation menu video works on all devices */
.menu-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  background-color: transparent !important;
}

.menu-promo__video {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
}

/* Mobile-specific menu video fixes */
@media only screen and (max-width: 767px) {
  .menu-promo__video {
    max-width: 100% !important;
    max-height: 250px !important;
    min-height: 200px !important;
  }
  
  .menu-video {
    min-height: 200px !important;
  }
  
  /* Ensure menu promo content displays properly */
  .menu-promo__content {
    display: flex !important;
    flex-direction: column !important;
  }
  
  .menu-promo__caption {
    margin-top: 1rem !important;
  }
}

/* ============================================ */
/* Global Video Fixes for All Pages */
/* ============================================ */

/* Ensure all videos work properly on mobile */
video {
  max-width: 100%;
  height: auto;
}

/* iOS Safari specific video fixes */
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

/* Mobile line break - hidden by default */
.mobile-br {
  display: none;
}

/* Fix for research page images on mobile */
@media only screen and (max-width: 767px) {
  .mxd-project-item__preview.masonry-preview {
    height: auto !important;
    min-height: 300px !important;
    background: none !important;
  }
  
  .mxd-project-item__preview.masonry-preview img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: var(--_radius-l) !important;
  }
  
  .preview-image-1,
  .preview-image-2 {
    background-image: none !important;
  }
}

/* Hero video blocks on mobile */
@media only screen and (max-width: 767px) {
  .mxd-hero-05-videoblock__video video {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
  
  .mxd-hero-05-videoblock__video {
    min-height: 250px !important;
  }
  
  /* Simple line break for mobile headings */
  .mobile-br {
    display: inline;
  }
  
  /* Force all divider videos to display on mobile - Services page fix */
  .mxd-section .mxd-divider {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 250px !important;
  }
  
  .mxd-section .mxd-divider__video {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 250px !important;
    position: relative !important;
  }
  
  .mxd-section .mxd-divider__video video {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: auto !important;
    min-height: 250px !important;
    object-fit: cover !important;
    position: relative !important;
    z-index: 1 !important;
  }
  
  /* Disable any transforms that might hide the video */
  .mxd-section .parallax-video {
    transform: none !important;
    -webkit-transform: none !important;
  }
  
  /* Center hero content in mobile view only */
  .mxd-hero-03__headline {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  
  .hero-03-headline__caption {
    text-align: center !important;
  }
  
  .hero-03-headline__title {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .hero-03-headline__title svg {
    max-width: 80% !important;
    margin: 0 auto !important;
    transform: translateX(10%) !important;
  }
}