/* Auto-generated at Tue, 30 Jun 26 19:50:17 +0000. */

+body.backend .mat-checkbox-layout .mat-checkbox-label { white-space: pre-wrap; }

/*START TEST PAGE MENU */

p {
  -webkit-hyphens: none !important; /* Safari */
  -ms-hyphens: none !important;     /* Old IE */
  hyphens: none !important;
}


li.s-dropdown-menu-links a {
    width: 100% !important
}

li.s-menu-has-submenu:hover ul {
    display: block !important;
}
li.s-menu-has-submenu a:hover {
    background-color: #dcdedd;
    color: #035391 !important;
}
li.s-menu-links a:hover{
    background-color: #dcdedd;
    color: #035391 !important;
}

li.s-dropdown-menu-links a:hover{
    background-color: #035391 !important;
    color: white !important;
    transition: 0.2s cubic-bezier(0.51, -0.09, 0.9, 0.94);
}

li.s-menu-has-submenu ul:hover {
    display: block !important;
}

inn-toolbox-section#\30 3373956-8f17-42cb-8135-6dabd44df809 {
    padding: 0px !important;
}

inn-toolbox-section#\34 8b5c434-3d6c-46a4-8700-955faa30f95f,div#\32 74db455-8795-4fb8-95d5-bee8bb69a30c {
    padding: 0px !important;
}
inn-toolbox-row#\36 f5157c1-6658-4001-923d-f14e0504fa78 {
    max-width: 100% !important;
    display: flex;
    justify-content: center;
    background-color: #035391;
    padding: 0px !important;
}

/*END TEST PAGE MENU */


/* HOME VIDEO --------------------------------------------------------------------- */
body.frontend widget-index .index-wrapper .widget1 .widget,
body.frontend widget-index .index-wrapper .widget49 .widget {
  position: relative;
  overflow: hidden;
  height: 70vh;

  .widget-hero-inner {
    overflow: hidden;
  }

  .static-content {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    left: 0;
    right: 0;

    h1 {
      font-size: 64px;
      line-height: 1.2;
      font-weight: 600;
    }
  }

  .hero-video {
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    transform: translateY(-50%);
  }
}

body.frontend widget-index .index-wrapper .widget1 .widget .static-content {
  max-width: 600px;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
}

body.frontend widget-index .index-wrapper .widget1 .widget img {
  max-width: 300px;
  display: inline-block;
}

body.frontend widget-index-item.widget5 .widget,
body.frontend widget-index-item.widget7 .widget {
  background-image: url(/assets/images/home/hero.jpg);

  .btn-primary {
    color: $dark-blue-1;
  }
}

body.frontend widget-index-item.widget5 .widget dynamic-content *,
body.frontend widget-index-item.widget7 .widget dynamic-content *  {
  color: white;
}

body.frontend fe-footer .footer .powered-by {display: none;}

//@media (min-width: 992px) {
//  padding: 5vh 0 8vh !important;
//}

// MEDIA QUERIES //
@media (max-width: 768px) {
  body.frontend fe-nav-brand .nav-brand img,
  body.backend fe-nav-brand .nav-brand img {
    height: 20px;
  }

  body.frontend widget-index .index-wrapper .widget1 .widget,
  body.frontend widget-hero-banner .widget-hero .widget-hero-center {
    height: 50vh;
  }

body.frontend widget-index .index-wrapper .widget49 .widget {
height: auto;

.static-content {
position: relative;
    top: auto;
    transform: none;
    left: auto;
    right: auto;
}
}

  body.frontend widget-index .index-wrapper .widget1 .widget .static-content h1,
  body.frontend widget-index .index-wrapper .widget49 .widget .static-content h1 {
    font-size: 36px;
  }

  body.frontend widget-index .index-wrapper .widget1 .widget img {
    max-width: 200px;
  }

  body.frontend widget-index .index-wrapper .widget1 .widget .static-content hr {
    max-width: 50%;
  }
}

// FAQ ************************************************************/
body.frontend fe-panel .panel .faq img.header-img,
body.frontend fe-panel .panel .our-process img.header-img {
  width: 100%;
}

// FAQ ACCORDEON
body.frontend fe-panel .panel .faq .accordion .card {
  height: auto;
  border-radius: 0;
}

body.frontend .accordion>.card:not(:last-of-type) {
  border-bottom: 1px solid #e5e5e5;
}

body.frontend fe-panel .panel .faq .accordion .card .card-header {
  padding: 0;
}

body.frontend fe-panel .panel:hover, body.backend fe-panel .panel:hover {
  box-shadow: none;
}


/* MATERIAL DROPDOWNS ------------------------------------------------------ */
body.frontend .mat-select .mat-select-trigger .mat-select-arrow-wrapper {
  line-height: 0em;
}


/* NAVIGATION DROPDOWN */
body.frontend .mat-menu-panel {
  border-radius: 0;
}


body.frontend fe-suggestion .suggestion .team-application-banner {
    svg {
        margin-left: 0.5em;
        margin-bottom: 0;
    }
}

body.frontend form.has-margin fe-form-field .form-field.has-label {
    margin-top: 3em;
}

body.frontend fe-form-field.attach-area .form-field>div {
    padding: 3em;
}

body.frontend .mat-accordion.team-application .mat-expansion-panel.mat-expanded {
    border-bottom: 1px solid $gray-light;
}

   
body.frontend {
    .suggestion-report.dialog fe-form-field.has-textarea .form-field {
        padding: 0;

        textarea {
            padding: 15px;
            min-height: 44px; // font size 14px + padding top and bottom
            box-sizing: border-box;
        }
    }    
}

.widget103 .container, .widget105 .container, .widget106 .container, .widget107 .container, .widget110 .container {
    max-width: 100%;
    padding: 0px;
}

.widget108 .widget.widget-static {
    background-color: #f5f5f5 !important;
}

.widget103 .widget.widget-static, .widget105 .widget.widget-static, .widget107 .widget.widget-static, .widget110 .widget.widget-static {
    padding: 0px !important;
}

//-------------------Sustained space page padding--------
.frontend inn-toolbox-text-box ul, .backend inn-toolbox-text-box ul {
    list-style: initial;
    padding-left: 40px;
}
//------------------------Padding ends heree......---------

@media only screen and (max-width: 767px) {
    #inn-toolbox-section-7e099f0c-411a-4cc4-b2ef-89102515d2c0 img {
        width: 150px !important;
        height: auto !important;
        max-width: 100% !important;
    }
}

/* full width background containers & custom btns
for https://afwerxchallenge.com/trailblazers */
inn-toolbox-section[anchorid="background-cover-container"] {
    background-size: cover;
    background-repeat: no-repeat;
}
.btn.btn-primary {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
}

a.primary-link {
    color: #F6DD23;
    text-decoration: underline;
}
/**/


/* styles for  06/2025 https://afwerxchallenge.com/space-tacrs-challenge */
h2.space-tacrs {
    /* H2 */
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
}
/* end styles for  06/2025 */
/* New Success Story 4-7-26 */
/* ============================================================
   AFWERX PROCESS STEPS
   Add to master CSS. All classes namespaced: .afwerx-steps__* / .afwerx-layout__*
   Font deps: Montserrat 700, Barlow Condensed 600/700, Barlow 400/500
   Google Fonts: https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Barlow+Condensed:wght@400;600;700&family=Barlow:wght@400;500&display=swap
   ============================================================ */

/* --- Two-Column Layout --- */
.afwerx-layout {
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

/* Left column: ~38% width, white background, padded */
.afwerx-layout__left {
  flex: 0 0 38%;
  padding: 48px 40px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Right column: ~62% width, dark background image */
.afwerx-layout__right {
  flex: 0 0 62%;
  background-image: url('https://afwerxchallenge.com/api/v4/media/fb856c6107e4aa7bf33acaa9c7e0b873/thumbnail/strategy/full');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 32px;
}

/* --- Left Column Typography --- */
.afwerx-layout__heading {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0;
  color: #0a1628;
  margin-bottom: 20px;
}

.afwerx-layout__body {
  font-family: 'Montserrat', sans-serif;
  font-size: 13.5px;
  line-height: 1.7;
  color: #333344;
  margin-bottom: 16px;
}

/* Bold span: "AFWERX and SpaceWERX Challenge program" */
.afwerx-layout__bold-span {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
}

.afwerx-layout__divider {
  border: none;
  border-top: 1px solid #cccccc;
  margin: 24px 0;
}

.afwerx-layout__quote {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-style: italic;
  line-height: 1.7;
  color: #333344;
  margin-bottom: 12px;
  padding: 0;
  border: none;
}

.afwerx-layout__attribution {
  font-family: 'Montserrat', sans-serif;
  font-size: 12.5px;
  color: #555566;
  font-weight: 500;
}

/* Override GAIN Text Box white background */
inn-toolbox-text-box.with-background > div {
  background-color: transparent !important;
}

/* ============================================================
   STEPS COMPONENT
   ============================================================ */

.afwerx-steps {
  max-width: 520px;
  width: 100%;
}

.afwerx-steps__step {
  display: flex;
  align-items: flex-start;
  gap: 28px;
  margin-bottom: 48px;
  position: relative;
}

/* Vertical connector line between steps */
.afwerx-steps__step:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 64px;
  top: 130px;
  width: 2px;
  height: calc(100% - 40px);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), transparent);
}

/* --- Icon Wrap --- */
.afwerx-steps__icon-wrap {
  flex-shrink: 0;
  width: 130px;
  height: 130px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.afwerx-steps__icon-box {
  width: 130px;
  height: 130px;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.afwerx-steps__icon-box img {
  width: 130px;
  height: 130px;
  object-fit: contain;
}

/* Showcase step — match size of all other icons */
.afwerx-steps__step--showcase .afwerx-steps__icon-wrap {
  width: 130px;
  height: 130px;
}

.afwerx-steps__icon-star {
  width: 130px;
  height: 130px;
  object-fit: contain;
}

/* --- Text Block --- */
.afwerx-steps__text {
  flex: 1;
  padding-top: 4px;
}

.afwerx-steps__title {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #e8c84a;
  margin-bottom: 10px;
}

.afwerx-steps__desc {
  font-family: 'Barlow', sans-serif;
  font-size: 13.5px;
  line-height: 1.65;
  color: rgba(210, 220, 235, 0.88);
  font-weight: 400;
}
/* Override GAIN Text Box white background */
inn-toolbox-text-box.with-background > div {
  background-color: transparent !important;
}
/* ============================================================
   SHOWCASE CALLOUTS — 3 Column Text Block
   Add to master CSS. All classes namespaced: .showcase-callouts__*
   Font deps: Montserrat 500/700
   ============================================================ */

.showcase-callouts {
  display: flex;
  gap: 32px;
  width: 100%;
}

.showcase-callouts__col {
  flex: 1;
}

.showcase-callouts__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #e8c84a;
  margin-bottom: 8px;
}

.showcase-callouts__desc {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: rgba(210, 220, 235, 0.88);
}
/* --- End ---*/
/*--- showcase success story --*/
.hero-text-container {
  width: 100%;
  text-align: center;
}

.hero-headline {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 52px !important;
  line-height: 56px !important;
  letter-spacing: -0.02em !important;
  color: var(--white) !important;
  margin: 0 0 4px 0 !important;
}

.hero-body {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
  font-size: 21px !important;
  line-height: 32px !important;
  letter-spacing: -0.02em !important;
  color: var(--white) !important;
  max-width: 1100px !important;
  margin: 16px auto 0 auto !important;
}
/*--- showcase success story end --*/
[anchorid="inn-toolbox-section-cfed21ec-0f71-4202-8cdc-018f28e5291e"] {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  position: relative !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[anchorid="inn-toolbox-section-cfed21ec-0f71-4202-8cdc-018f28e5291e"] inn-toolbox-column {
  padding: 0 !important;
  margin: 0 !important;
}

[anchorid="inn-toolbox-section-cfed21ec-0f71-4202-8cdc-018f28e5291e"] .ql-editor {
  padding: 0 !important;
}
[anchorid="inn-toolbox-section-cfed21ec-0f71-4202-8cdc-018f28e5291e"] inn-toolbox-row {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}
[anchorid="inn-toolbox-section-cfed21ec-0f71-4202-8cdc-018f28e5291e"] inn-toolbox-column {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 !important;
}
[anchorid="inn-toolbox-section-cfed21ec-0f71-4202-8cdc-018f28e5291e"] {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

[anchorid="div-eb2d8197-38bd-421b-8b8f-b88461451d38"] {
  padding: 0 !important;
  margin: 0 !important;
}
[anchorid="inn-toolbox-section-1c15ac62-4d02-414c-82fe-117ebbcf98b3"] {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  position: relative !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[anchorid="inn-toolbox-section-1c15ac62-4d02-414c-82fe-117ebbcf98b3"] inn-toolbox-row {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

[anchorid="inn-toolbox-section-1c15ac62-4d02-414c-82fe-117ebbcf98b3"] inn-toolbox-column {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 1 !important;
}

[anchorid="inn-toolbox-section-1c15ac62-4d02-414c-82fe-117ebbcf98b3"] .ql-editor {
  padding: 0 !important;
}
[anchorid="inn-toolbox-section-1c15ac62-4d02-414c-82fe-117ebbcf98b3"] .ql-editor {
  padding: 0 !important;
  line-height: 0 !important;
}
[anchorid="inn-toolbox-section-1c15ac62-4d02-414c-82fe-117ebbcf98b3"] {
  background-color: transparent !important;
  background: transparent !important;
}