/* section background
/* -------------------------------------------------- */

#subheader{
background:url(../images/background/bg-subheader.jpg) top left fixed;
background-size:cover;
}

#fun-facts{
background:url(../images/background/bg-3.jpg) top left fixed;
background-size:cover;
}

#section-contact{ 
background:url(../images/background/bg-4.jpg) top left fixed;
background-size:cover;
}

#section-skill-bar{ 
background:url(../images/background/bg-8.jpg) top left fixed;
background-size:cover;
}

#info-address{background:url(../images/background/bg-3.jpg) top fixed;}
#logo-full{ background:#000; padding:60px 0 60px 0;}
#view-all-projects{background:#F06807; padding:60px 0 60px 0;}
#section-about-us-2{background:#f8f8f8; height:100%;}
#section-about-us-2 .image-container{background:url(../images/background/bg-side-1.jpg);}


.dark #section-about-us-2{background:#222; height:100%;}
#section-welcome{background:url(../images/background/bg-5.jpg);}
#section-welcome-2{background:url(../images/background/bg-6.jpg);}
#section-welcome-3{background:url(../images/background/bg-7.jpg) top left;}
.dark #section-portfolio{background:#222;}

#section-testimonial{ background:url(../images/background/bg-2.jpg) top fixed;}


/* FORCE HIDE HEADER + LOGO ON IPHONE */
@media only screen and (max-width: 768px) {

  header,
  header * {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }

  body,
  #wrapper,
  #content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}
/* Fix: Please Note paragraph clipping on Android/iOS */
@media (max-width: 991px){
  #atx-waitlist-note{
    width: calc(100vw - 32px);   /* forces a real mobile width */
    max-width: 100%;
    margin: 0 auto;
    overflow: visible !important; /* defeats parent clipping */
    box-sizing: border-box;
  }

  #atx-waitlist-note p{
    margin: 0;
    white-space: normal !important;
    overflow-wrap: anywhere;      /* strongest wrap rule */
    word-break: break-word;
    hyphens: auto;
  }
}

/* ==========================================================
   PATCH: Stop Explore Leadership button from becoming a giant
   rectangle on some mobile viewports
   Added: 2026-01-07
   ========================================================== */

#section-team #leadership-toggle{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;

  padding: 12px 28px !important;
  background: transparent !important;
}

#section-team .atx-preview-action{
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;

  width: auto !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;

  position: static !important;
  flex: 0 0 auto !important;
}

/* ===== Inline Luxury FAQ (Details/Summary) ===== */

.lux-faq-inline{
  max-width: 980px;
  margin: 18px auto 0;
}

/* Summary (collapsed label) */
.lux-faq-inline-summary{
  cursor: pointer;
  color: #ffffff;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .04em;
  opacity: .85;
  list-style: none; /* removes default triangle */
}

/* Remove default marker (Chrome/Safari) */
.lux-faq-inline-summary::-webkit-details-marker{
  display: none;
}

/* Optional subtle chevron */
.lux-faq-inline-summary::after{
  content: " ▸";
  opacity: .6;
  transition: transform .2s ease;
}

/* Rotate chevron when open */
.lux-faq-inline[open] .lux-faq-inline-summary::after{
  transform: rotate(90deg);
}

/* Expanded content */
.lux-faq-inline-content{
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: #ffffff;
  opacity: .9;
}

/* Ensure EVERYTHING inside is white */
.lux-faq-inline-content,
.lux-faq-inline-content *{
  color: #ffffff !important;
}

/* Paragraph spacing */
.lux-faq-inline-content p{
  margin: 0 0 12px;
}

/* Links */
.lux-faq-inline-content a{
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 3px;
  opacity: .95;
}
.lux-faq-inline-content a:hover{
  opacity: 1;
}