/* Restore-time overrides for oywfusa.com (static rebuild of the 2022-01-25 capture). */
html { scroll-behavior: smooth; }
main.py-4 { padding-top: 0 !important; padding-bottom: 0 !important; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; overflow-x: hidden; }
section[id], .jumbotron[id], #features { scroll-margin-top: 80px; }
.anchor { display: block; position: relative; top: -80px; }

/* hero: original slide photos were never archived */
.restore-hero {
  height: auto !important;
  min-height: 46vh;
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 70% 30%, rgba(255, 123, 0, .35), transparent 55%), linear-gradient(135deg, #111 0%, #2b2b2b 60%, #3a2410 100%);
}
.restore-hero .carousel_caption { padding: 60px 16px; }
.restore-hero .hero-title { display: block; font-weight: bold; font-size: 50px; text-transform: uppercase; margin: 0 0 12px; }
.restore-hero .hero-title span { color: #edbb00; }
.restore-hero .hero-tags { display: block; font-size: 1.6em; font-weight: bold; margin: 0; }

/* welcome heading was an <h3>; now the page's H1 with the same look */
#features h1.welcome { color: #fff; font-weight: bolder; font-size: 50px; }
#features img { height: 128px; width: auto; }
#features img.icon-logo { width: 128px; object-fit: contain; border-radius: 8px; }
#features .card { height: 100%; }

/* dark bands whose background photos were never archived */
.two, .two1, .mem { background-color: #1f1f1f !important; background-image: linear-gradient(135deg, #151515, #2e2e2e 60%, #3a2410) !important; background-attachment: scroll !important; }
.two, .two1 { height: auto !important; min-height: 0 !important; padding: 60px 16px !important; }
.two h2, .two1 h3 { margin-top: 0 !important; padding-top: 0 !important; }
.mem h2.section-light { color: #fff; text-align: center; padding-top: 10px; margin-bottom: 30px; font-size: 2.5rem; text-shadow: 0 0 2px #000; }
.mem .card-body { padding: 28px 16px; }

/* projects carousel */
#demo1 .how1 { height: 60vh !important; min-height: 320px; }
.slide-label { position: absolute; top: auto; bottom: 0; left: 0; }
#demo1 .carousel-item { position: relative; }
#projects .list-group-item span { display: block; }

.placeholder-logo { height: 220px; object-fit: contain; background: #111; padding: 20px; }
#news .card-img-top { height: 220px; object-fit: cover; }
#news .card-img-top.placeholder-logo { object-fit: contain; }
#news .card { height: 100%; }
#news p.card-text { display: block; }

.contact-card ul { list-style: none; padding: 0; margin-bottom: 24px; }
.contact-card li { margin-bottom: 14px; }
.contact-card h5 { word-break: break-word; }

.video-wrap { position: relative; width: 100%; padding-top: 56.25%; }
.video-wrap img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }
.video-facade { display: block; background: #000; border-radius: 6px; }
.video-facade .play { position: absolute; left: 50%; top: 50%; width: 72px; height: 50px; margin: -25px 0 0 -36px; background: rgba(255, 0, 0, .9); border-radius: 12px; }
.video-facade .play::after { content: ''; position: absolute; left: 29px; top: 15px; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #fff; }
.video-facade:hover .play { background: #f00; }

.footer span.ftnav { display: block; padding: .5rem 0; }

@media (max-width: 767px) {
  .restore-hero .hero-title, #features h1.welcome { font-size: 32px; }
  .restore-hero .hero-tags { font-size: 1.1em; }
  .two h2, .two1 h3 { font-size: 1.4rem; }
  .two .btn, .two1 .btn { font-size: 22px !important; }
  #demo1 .how1 { height: 45vh !important; }
  .slide-label { font-size: 1.05rem; }
  .mem h2.section-light { font-size: 1.8rem; }
  .col-md-12 h2, .col-md-12 h3 { font-size: 36px; }
}