/* The fallback blog and article templates share the original OMU social block.
   These pages have no page-specific .omu-connect stylesheet of their own. */
/* Elementor's theme sets headings to black; the title sits over a photograph. */
body.omu-plugin-site #omu-content .omu2-blog-hero h1 {
  color: #fff !important;
}
body.omu-plugin-site #omu-content .omu-connect {
  --beige: #efd3bf;
  display: grid;
  grid-template-columns: 36.2vw minmax(0, 1fr);
  column-gap: 1.8vw;
  padding: 0 0 clamp(35px, 5vw, 80px) 4vw;
  margin-top: clamp(40px, 6vw, 90px);
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
}
body.omu-plugin-site #omu-content .omu-connect * { box-sizing: border-box; }
body.omu-plugin-site #omu-content .omu-connect .omu-label {
  margin: 0 0 14px;
  color: #6b6b6b;
  font: italic 300 clamp(16px, 2vw, 26px)/1.2 Arial, sans-serif;
}
body.omu-plugin-site #omu-content .omu-connect .omu-newsletter,
body.omu-plugin-site #omu-content .omu-connect .omu-social a {
  display: flex;
  background: var(--beige);
  color: #000;
  text-decoration: none;
  font-family: "Bugrino OMU Regular", "Bugrino", Arial, sans-serif !important;
  font-weight: 400 !important;
}
body.omu-plugin-site #omu-content .omu-connect .omu-newsletter {
  height: clamp(150px, 25vw, 300px);
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(16px, 2vw, 28px);
  font-size: clamp(32px, 6vw, 70px);
  line-height: .82;
  border-radius: clamp(12px, 1.7vw, 22px);
}
body.omu-plugin-site #omu-content .omu-connect .omu-newsletter span:last-child { align-self: flex-end; }
body.omu-plugin-site #omu-content .omu-connect .omu-social a {
  height: clamp(55px, 8vw, 100px);
  align-items: center;
  justify-content: space-between;
  margin: 0 -4vw 10px 0;
  padding: 0 calc(6% + 4vw) 0 6%;
  font-size: clamp(24px, 5vw, 50px);
  border-radius: clamp(12px, 1.7vw, 22px) 0 0 clamp(12px, 1.7vw, 22px);
}
body.omu-plugin-site #omu-content .omu-connect .omu-social a:last-child { margin-bottom: 0; }
@media (max-width: 767px) {
  body.omu-plugin-site #omu-content .omu-connect {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 25px;
    margin-top: 35px;
    padding: 0 0 40px 4vw;
  }
  body.omu-plugin-site #omu-content .omu-connect .omu-newsletter {
    height: 180px;
    border-radius: 16px 0 0 16px;
  }
  body.omu-plugin-site #omu-content .omu-connect .omu-social a {
    height: 65px;
    font-size: clamp(29px, 7vw, 45px);
    border-radius: 16px 0 0 16px;
  }
}