/* Generated: h1 equivalents of theme rules qualified on h2.
 * The first flexible block now renders its title as <h1> for SEO;
 * these rules give it the exact styling the h2 selectors define.
 * Regenerate if vendor/olmo CSS changes its h2 title rules. */

/* --- from resources/css/vendor/olmo/style.css --- */
h1.h2-xs { font-size: 3.125rem; }
h1.h2-md { font-size: 3.375rem; }
.hero-3-txt h1 { line-height: 1.2;
  margin-bottom: 30px; }
.single-post-title h1 { padding-right: 5%; }
/* --- from resources/css/vendor/olmo/responsive.css --- */
@media (min-width: 992px) and (max-width: 1199.95px) {
  h1.h2-xs { font-size: 2.6rem; }
}
@media (min-width: 992px) and (max-width: 1199.95px) {
  h1.h2-md { font-size: 2.8rem; }
}
@media (min-width: 992px) and (max-width: 1199.95px) {
  .hero-3-txt h1 { margin-bottom: 25px; }
}
@media (min-width: 768px) and (max-width: 991.95px) {
  h1.h2-xs { font-size: 2.35rem; }
}
@media (min-width: 768px) and (max-width: 991.95px) {
  h1.h2-md { font-size: 2.55rem; }
}
@media (min-width: 768px) and (max-width: 991.95px) {
  .hero-3-txt h1 { padding: 0 6%; margin-bottom: 25px; }
}
@media (max-width: 767px) {
  .hero-3-txt h1 { margin-bottom: 25px; }
}
@media (max-width: 767px) {
  .single-post-title h1 { padding-right: 0; }
}
@media (min-width: 480px) and (max-width: 767.95px) {
  h1.h2-xs { font-size: 1.96rem; }
}
@media (min-width: 480px) and (max-width: 767.95px) {
  h1.h2-md { font-size: 2.125rem; }
}
@media (min-width: 480px) and (max-width: 767.95px) {
  .hero-3-txt h1 { padding: 0 4%; }
}
@media (min-width: 414px) and (max-width: 479.95px) {
  h1.h2-xs { font-size: 1.625rem; }
}
@media (min-width: 414px) and (max-width: 479.95px) {
  h1.h2-md { font-size: 1.625rem; }
}
@media (min-width: 414px) and (max-width: 479.95px) {
  .hero-3-txt h1 { font-size: 2rem; padding: 0 5%; margin-bottom: 25px; }
}
@media (min-width: 321px) and (max-width: 413.95px) {
  h1.h2-xs { font-size: 1.625rem; }
}
@media (min-width: 321px) and (max-width: 413.95px) {
  h1.h2-md { font-size: 1.625rem; }
}
@media (min-width: 321px) and (max-width: 413.95px) {
  .hero-3-txt h1 { font-size: 1.85rem; padding: 0; margin-bottom: 25px; }
}
@media (max-width: 320.95px) {
  h1.h2-xs { font-size: 1.625rem; }
}
@media (max-width: 320.95px) {
  h1.h2-md { font-size: 1.625rem; }
}
@media (max-width: 320.95px) {
  .hero-3-txt h1 { font-size: 1.75rem; padding: 0; margin-bottom: 25px; }
}

/* --- colour-scope rules (.white-color h2 etc.) lacked h1 --- */
.white-color h1 { color: #fff; }
.dark-color h1 { color: #1d293f; }
.grey-color h1 { color: #757575; }
.blue-color h1 { color: #0f53fa; }
.skyblue-color h1 { color: #0195ff; }
.cadetblue-color h1 { color: #83889c; }
.stateblue-color h1 { color: #6064e3; }
.green-color h1 { color: rgb(248, 214, 125); }
.indigo-color h1 { color: #62147e; }
.orange-color h1 { color: #ff6b0f; }
.orange-red-color h1 { color: #ff523d; }
.pink-color h1 { color: #eb1561; }
.purple-color h1 { color: #6a26da; }
.red-color h1 { color: #f6412d; }
.violet-red-color h1 { color: #c73e9b; }
.violet-color h1 { color: #9400d3; }
.yellow-color h1 { color: #ffb30c; }