.no-top-padding {
  padding-top: 0 !important;
}

body.page-careers section,
body.page-careers section > div,
body.page-careers section > div > div {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.page-careers section {
  padding-top: 1.5rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.careers-content-wrapper {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 600px) {
  .careers-content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .careers-intro-padding,
  .careers-positions-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
  .careers-positions-padding > div > div:first-child {
    font-size: 14px !important;
  }
}

.edge-to-edge-red {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
}

.red-box-inner {
  padding-left: 2vw;
  padding-right: 2vw;
  display: block;
  width: 100%;
}

@media (max-width: 600px) {
  .red-box-inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

.careers-intro-padding,
.careers-positions-padding {
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 600px) {
  .careers-intro-padding,
  .careers-positions-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
}

body.page-news section,
body.page-news section > div,
body.page-news section > div > div {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body.page-news section {
  padding-top: 1.5rem !important;
  padding-bottom: 0 !important;
}

.single-post-bg {
  position: relative;
  overflow: hidden;
}
.single-post-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: url('/user/pages/02.home/dots_background_brighter.jpg') center top repeat;
  z-index: 0;
  pointer-events: none;
}
.single-post-bg > * {
  position: relative;
  z-index: 1;
}

.news-content-wrapper {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Image optimization styles */
img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* Ensure messaging/strategy section images have transparent backgrounds */
.strategy-section img {
  background: transparent !important;
}

/* Lazy loading placeholder */
img[loading="lazy"] {
  background: #f0f0f0;
  transition: opacity 0.3s ease-in-out;
}

img[loading="lazy"]:not([src]) {
  opacity: 0;
}

img[loading="lazy"][src] {
  opacity: 1;
}

/* Custom Cor Strategies Dark Gray */
.bg-custom-dark-gray {
  background-color: #494949 !important;
}

/* Footer spacing fixes */
footer .grid {
  gap: 2rem !important;
  margin-bottom: 2rem !important;
}

footer .space-y-8 > * + * {
  margin-top: 1rem !important;
}

footer .space-y-4 > * + * {
  margin-top: 0.5rem !important;
}

footer .pb-4 {
  padding-bottom: 0.5rem !important;
}

footer .pt-4 {
  padding-top: 0.5rem !important;
}

/* Hide any empty div with py-12 and either bg-white or bg-gray-900 */
div.py-12:empty,
div.bg-white.py-12:empty,
div.bg-gray-900.py-12:empty {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
} 

/* Hide the phantom section on careers page that's creating light green space */
body.page-careers div.xl\\:container.xl\\:mx-auto.md\\:px-6.px-4.bg-white.dark\\:bg-gray-900.py-12:empty {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Also target any empty div with these classes on careers page */
body.page-careers div[class*="xl:container"][class*="bg-white"][class*="py-12"]:empty {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}