/* Version 1: styles for the parts that changed on the live viaindustrials.com page.
   Everything else keeps the live Divi styles. Colors are the live site's own values. */

.nb { white-space: nowrap; }
p, li, label, .via-stat-label { text-wrap: pretty; }
h1, h2, h3, h4 { text-wrap: balance; }

/* The new VIA Industrials logo: 40 px tall in the header, 48 px in the footer, as the old one was */
.et_pb_image_0_tb_header { max-width: 163px !important; }
.et_pb_image_0_tb_footer { max-width: 195px !important; }
.et_pb_image_0_tb_header img, .et_pb_image_0_tb_footer img { width: 100% !important; height: auto !important; }

/* A bold line and a paragraph under the hero headline */
.via-hero-lede {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif; font-weight: 600;
  font-size: 22px; line-height: 30px; color: #0B1215;
  max-width: 520px; margin-top: 24px; padding-bottom: 0;
}
.via-hero-sub {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  font-size: 20px; line-height: 30px; color: #5C6163;
  max-width: 520px; margin-top: 12px; padding-bottom: 0;
}

/* The question band, in the place of the accelerator logos: one centered block */
.via-question-inner { width: 80%; max-width: 860px; margin: 0 auto; text-align: center; }
.via-question-inner h3 {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif; font-weight: 600;
  color: #FFFFFF; font-size: 30px; line-height: 40px; padding-bottom: 16px;
}
.via-question-inner p {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  font-size: 20px; line-height: 32px; color: #C9CED6; padding-bottom: 0;
}

/* Four facts under the band text */
.via-question-band .via-facts {
  list-style: none; width: 80%; max-width: 1080px; margin: 36px auto 0; padding: 0;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; text-align: left;
}
.via-question-band .via-facts li { border-top: 1px solid rgba(255,255,255,.2); padding: 20px 0 0 0; }
.via-question-band .via-facts svg { display: block; width: 40px; height: 40px; margin-bottom: 12px; }
.via-question-band .via-facts h4 {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 26px;
  font-weight: 600; color: #FFFFFF; padding-bottom: 6px;
}
.via-question-band .via-facts p {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px;
  color: #C9CED6; padding-bottom: 0; text-wrap: balance;
}

/* Inline graphics */
.via-svg svg { display: block; width: 100%; height: auto; }
.via-molecule-stack { max-width: 380px; }
.via-pure-hex { max-width: 520px; margin: 0 auto; }
.via-routes-card { background: #EEF5F2; border-radius: 24px; padding: 32px; }

/* List ticks from the local copy of the image */
.via-home-3ma-list ul li::before {
  content: url('viaindustrials.com/wp-content/uploads/2024/08/tick-circle.png') !important;
}

/* Nylon, polyester and PET */
.via-kicker {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  font-size: 15px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
  color: #007A06; padding-bottom: 10px;
}
.via-polymers .et_pb_row_6 { display: block !important; }
.via-polymers .et_pb_row_6 > .et_pb_column { width: 100% !important; float: none !important; margin: 0 0 28px 0 !important; }
.via-polymers .et_pb_text_9 h2 { text-align: left !important; }
.via-polymer-text { padding-top: 0 !important; }
.via-polymer-body { max-width: 900px; margin: 16px auto 0; }
.via-polymer-body p {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  font-size: 18px; line-height: 28px; color: #5C6163; padding-bottom: 14px;
}
.via-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 28px; }
.via-stat {
  background: #fff; border: 1px solid #D7E3DB; border-radius: 24px;
  padding: 28px 24px; text-align: center;
}
.via-stat-num {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  font-size: 44px; line-height: 50px; font-weight: 600; color: #0B1215;
}
.via-stat-unit {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  font-size: 18px; line-height: 26px; font-weight: 600; color: #007A06;
}
.via-stat-label {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  font-size: 16px; line-height: 24px; color: #5C6163; margin-top: 6px;
}

/* The US supply of m-Cresol: a heading over the centered paragraph */
.via-supply h2 {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  font-size: 24px; font-weight: 600; line-height: 34px; color: #0B1215; padding-bottom: 12px;
}
.via-supply p {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  font-size: 18px; line-height: 28px; color: #5C6163;
}

/* Patents */
.via-patents { padding: 40px 0 !important; background: #fff; }
.via-patents-inner { width: 80%; max-width: 766px; margin: 0 auto; text-align: center; }
.via-patents h2 {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  font-size: 24px; font-weight: 600; line-height: 34px; color: #0B1215; padding-bottom: 12px;
}
.via-patents p {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  font-size: 18px; line-height: 28px; color: #5C6163;
}

/* Team: five cards, no photos */
.via-team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.via-team-card-text { background: #EEF5F2; border-radius: 24px; padding: 28px 22px; }
.via-team-card-text h3 { padding-bottom: 4px; }
.via-team-card-text .via_designation {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  color: #007A06; font-size: 16px; line-height: 24px; font-weight: 500; padding-bottom: 12px;
}
.via-team-card-text .via_member_info p {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  font-size: 15px; line-height: 24px; color: #5C6163;
}

/* Contact block: labels above the boxes, a line of text under the heading */
.via-contact-text {
  font-family: 'Inter Tight', Helvetica, Arial, sans-serif;
  color: #A1A1A1; font-size: 18px; line-height: 28px; margin-top: 16px;
}
.via-contact-form .gfield_label,
.via-contact-form .gform-field-label {
  display: block !important; position: static !important; clip: auto !important;
  width: auto !important; height: auto !important;
  color: #FFFFFF !important; font-family: 'Inter Tight', Helvetica, Arial, sans-serif !important;
  font-size: 16px !important; font-weight: 500 !important; margin-bottom: 8px !important;
}
.via-contact-form #gform_1 input, .via-contact-form #gform_1 textarea { color: #FFFFFF !important; }
.via-contact-form #gform_1 .gform_button {
  background: #007A06 !important; color: #FFFFFF !important; border-radius: 8px !important;
  padding: 10px 53px !important; border: 0 !important; font-size: 16px !important;
}
.via-contact-form #gform_1 .gform_button:hover { background: #156023 !important; }

@media (min-width: 981px) and (max-width: 1200px) {
  .via-team-card-text h3 { font-size: 18px !important; }
  .via-question-band .via-facts { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 980px) {
  .via-team-grid { grid-template-columns: repeat(2, 1fr); }
  .via-stats { grid-template-columns: 1fr; }
  .via-routes-card { padding: 16px; }
  .via-molecule-stack { margin: 0 auto; }
  .via-question-inner { width: 90%; }
  .via-question-inner p { font-size: 18px; line-height: 28px; }
  .via-question-inner h3 { font-size: 26px; line-height: 34px; }
  .via-question-band .via-facts { width: 90%; grid-template-columns: repeat(2, 1fr); }
  .via-contact-text { max-width: none; }
}
.via-routes-tall { display: none; }
@media (max-width: 400px) {
  .et_pb_text_4 h2 { font-size: 28px !important; }
  .et_pb_text_6 h3 { font-size: 21px !important; line-height: 29px !important; }
}
@media (max-width: 600px) {
  .via-question-band .via-facts { grid-template-columns: 1fr; gap: 20px; }
  .via-team-grid { grid-template-columns: 1fr; }
  .via-routes-wide { display: none; }
  .via-routes-tall { display: block; max-width: 360px; margin: 0 auto; }
}

/* Headline: a size that keeps "A Cleaner Future." on one line where the column is narrowest */
@media (min-width: 981px) and (max-width: 1060px) {
  .et_pb_text_0 h1 { font-size: 52px !important; }
}
@media (max-width: 375px) {
  .et_pb_text_0 h1 { font-size: 38px !important; }
}

/* Copyright line: lighter gray for contrast on the dark bar */
.et-l--footer .et_pb_section_1_tb_footer .et_pb_text_inner,
.et-l--footer .et_pb_section_1_tb_footer .et_pb_text_inner p { color: #B9BEC2 !important; }