/* How To Use Our Products + Seaweed Powder Health Benefits */

/* ---------- How to use: hero ---------- */
.ssc-hu-hero { min-height: 90vh; padding: 4.5vw 5vw; align-items: center; justify-content: flex-start; }
.ssc-hu-hero .wp-block-cover__image-background { object-position: 0 0; }
.wp-block-cover.ssc-hu-hero.ssc-hu-hero .wp-block-cover__inner-container { width: 100%; }
.ssc-hu-hero__inner { max-width: 1140px; margin-left: auto; margin-right: auto; }
.ssc-hu-hero__inner > .ssc-hu-hero__text { width: 50%; padding: 10px; margin: 0; box-sizing: border-box; }
.ssc-gold-divider--full { width: 100%; margin: 0; }
.ssc-gold-divider--70 { width: 70%; margin: 0; }
.ssc-hu-hero__text h1.ssc-title { font-family: var(--wp--preset--font-family--pt-serif); text-transform: none; font-size: 40px; line-height: 52px; }
.ssc-hu-hero__text h2 { font-size: 24px; line-height: 1.3; margin: 0; }

/* ---------- How to use: image + overlapping box rows ---------- */

/* ---------- Health benefits: hero ---------- */
.ssc-hb-hero { min-height: 80vh; padding: 4.5vw 5vw; align-items: center; justify-content: flex-start; }
.ssc-hb-hero .wp-block-cover__background.wp-block-cover__background { background-color: transparent; background-image: linear-gradient(rgba(0, 5, 7, 0) 48%, #000507 87%); opacity: 1; }
.wp-block-cover.ssc-hb-hero.ssc-hb-hero .wp-block-cover__inner-container { width: 100%; }
.ssc-hb-hero__inner { display: flex; gap: 20px; max-width: 1140px; margin-left: auto; margin-right: auto; }
.ssc-hb-hero__inner > .ssc-hb-hero__spacer { flex: 0 0 32.349%; margin: 0; min-height: 1px; }
.ssc-hb-hero__inner > .ssc-hb-hero__text { flex: 1 1 0; padding: 0 10px; margin: 0; }
.ssc-hb-hero .ssc-w40 { width: 40%; }
.ssc-hb-hero .ssc-w40 .wp-block-button__link { width: 100%; text-align: center; border-radius: 3px; }
.ssc-hb-hero__text h2.ssc-title { font-size: 40px; line-height: 52px; }

/* ---------- Health benefits: list ---------- */
.ssc-btn-slate .wp-block-button__link { background: var(--wp--preset--color--slate); color: var(--wp--preset--color--gold); border-radius: 3px; }
.ssc-btn-slate .wp-block-button__link:hover { background: var(--wp--preset--color--ink); }

/* ---------- Health benefits: closing CTA ---------- */

/* ---------- responsive ---------- */
@media (max-width: 1024px) {
	.ssc-hu-hero__inner > .ssc-hu-hero__text { width: 54%; }
}
@media (max-width: 767px) {
	.ssc-hu-hero { padding: 16vw 10vw calc(8vw + 38px); min-height: 90vh; }
	.ssc-hu-hero .wp-block-cover__image-background { object-position: 0 50%; }
	.ssc-hu-hero__inner > .ssc-hu-hero__text { width: 100%; text-align: center; }
}
@media (max-width: 767px) {
	.ssc-hb-hero__inner { flex-direction: column; }
	.ssc-hb-hero__inner > .ssc-hb-hero__spacer { flex: 0 0 20px; min-height: 20px; }
	.ssc-hb-hero__text, .ssc-hb-hero__text > * { text-align: center; }
	.ssc-hb-hero .ssc-w40 { width: 100%; }
}
@media (max-width: 767px) {
	.ssc-hb-hero { align-items: flex-start; padding-top: 27.5vw; }
}