/* =============================================================
   barrio_npm — frontpage & footer chrome
   Section wrappers on the homepage, frontpage hero variants,
   conference block layout, footer wrapper.
   ============================================================= */

/* ---------- News ticker ----------
   Yellow strip at the very top of the front page, full-width, centered.
   Renders the news/block_4 view. */

#ticker {
  /* background-color: rgb(255, 229, 153); */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
}

#ticker .views-row {
  margin-right: 1rem;
}

/* ---------- Front-page hero ---------- */

/* Rounded card inside the hero bg-img-hero — holds the intro block. */
.front-hero-slide {
  background-color: rgba(255, 255, 255, 0.0);
  color: #1a1a1a;
}

#hero-right {
  margin-top: 20%;
  margin-left: 30%;
  font-weight: bold;
}

#hero-right h2 {
  font-size: 3rem;
}

#hero-image-links {
  display: none !important;
  align-items: flex-end;
  justify-content: space-around;
  height: 100%;
  margin-top: 5%;
}

#hero-image-links a {
  text-transform: uppercase;
  font-weight: 100 !important;
  border: none;
  padding: 10px;
  text-decoration: none;
  display: inline-block;
  margin: 10px;
  color: white;
  background-color: rgba(217, 202, 166, 0);
  border-radius: 5px;
}

#opportunities {
  background: linear-gradient(rgba(217, 202, 166, 0), rgba(217, 202, 166, 0));
}

#fancybox-showcase {
  background-color: rgba(217, 202, 166, 0);
}

#front-promoted {
  margin-top: 2em;
}

/* ---------- Section wrappers on the front page ----------
   Pattern images source from barrio_npm/images/ (copied in iteration 2). */

.about-front-wrapper {
  background: linear-gradient(rgba(217, 202, 166, 0), rgba(217, 202, 166, 0));
  padding-top: 1em;
}

.front-scholarship-wrapper {
  background-image: url('/themes/custom/barrio_npm/images/npm-pattern-white.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: rgba(217, 202, 166, 0.15);
  padding-bottom: 4em;
}

.front-contact-wrapper {
  background-image: url('/themes/custom/barrio_npm/images/npm-pattern-white.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: rgba(217, 202, 166, 0.15);
  padding-bottom: 8em;
}

#news-btn {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: rgba(217, 202, 166, 0.15);
}

.outer-front-contact-wrapper {
  background-color: white;
}

#front-kanapu {
  margin-top: 8em;
  margin-bottom: 3em;
}

.more-opportunities,
.more-news {
  padding-top: 2em;
}

#our-stories {
  padding-bottom: 1em;
}

/* ---------- Contact section ----------
   Centered "Contact Us" title above the featured_bottom regions. */

.contact-front-title {
  text-align: center;
}

.contact-front-title h1 {
  font-weight: 100 !important;
}

#contact {
  padding-bottom: 1rem;
}

/* ---------- Footer chrome ---------- */

.footer-wrapper {
  background-color: rgba(28, 71, 74, 0.3);
}

.ft-copy {
  margin-top: 5em;
}

/* ---------- Conference block ----------
   Two-column layout: square logo on the left, content on the right.
   Stacks on mobile via the rule in responsive.css. */

.conference-block-wrapper {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
}

.conference-logo {
  width: 120px;
  text-align: center;
  font-weight: 700;
}

.logo-line1,
.logo-line2 {
  width: 100%;
  display: block;
}

.logo-line1 {
  font-size: 4rem;
  line-height: 1;
}

.logo-line2 {
  font-size: 3.6rem;
  line-height: 1;
  margin-top: 0.25rem;
}

.conference-content {
  flex: 1;
}

.text-align-left {
  text-align: left;
}