/*
Theme Name: Helios Energia
Theme URI: https://heliosenergia.it/
Author: Alessandro Nicoli
Author URI: https://www.alessandronicoli.com
Description: Tema WordPress ad hoc per Helios Energia. Homepage e contenuti gestiti con ACF PRO.
Version: 2.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: heliosenergia
*/

/* Front-end styles live in assets/css/main.css */

/* Helios articles: shared Gutenberg canvas and published content. */
.single-post .article--post {max-width:none;padding-top:calc(var(--header,96px) + 64px);padding-bottom:80px}
.single-post .article-head {margin:0 0 64px}
.single-post .article-title {max-width:1200px;font-size:clamp(40px,6.12vw,88px);line-height:1.05;font-weight:400;letter-spacing:-.025em;text-wrap:pretty;overflow-wrap:anywhere}
.single-post .article--post .news-tag {margin-bottom:8px}
.single-post .article-content,.editor-styles-wrapper {--helios-reading-width:680px;--helios-wide-width:1100px}
.single-post .article-content {max-width:none}
.single-post .article-content,.editor-styles-wrapper .is-root-container {font-family:"neue-haas-grotesk-display",Arial,sans-serif;font-size:18px;line-height:1.55;color:#25303a;overflow-wrap:anywhere}
.single-post .article-content > *,.editor-styles-wrapper .is-root-container > .wp-block {box-sizing:border-box;max-width:var(--helios-reading-width);margin-left:auto;margin-right:auto}
.single-post .article-content > .alignwide,.editor-styles-wrapper .is-root-container > .alignwide {max-width:var(--helios-wide-width);width:100%}
.single-post .article-content > .alignfull,.editor-styles-wrapper .is-root-container > .alignfull {max-width:none;width:100%;margin-left:0;margin-right:0}
:is(.single-post .article-content,.editor-styles-wrapper .is-root-container) p {margin-top:0;margin-bottom:20px}
:is(.single-post .article-content,.editor-styles-wrapper .is-root-container) h2 {font-size:clamp(28px,2.5vw,36px);line-height:1.15;font-weight:400;margin-top:48px;margin-bottom:20px}
:is(.single-post .article-content,.editor-styles-wrapper .is-root-container) h3 {font-size:clamp(23px,2vw,28px);line-height:1.25;font-weight:400;margin-top:36px;margin-bottom:16px}
:is(.single-post .article-content,.editor-styles-wrapper .is-root-container) h4 {font-size:22px;line-height:1.3;margin-top:28px}
.single-post .article-content > :first-child {margin-top:0}
:is(.single-post .article-content,.editor-styles-wrapper .is-root-container) :is(ul,ol) {padding-left:1.5em;margin-top:0;margin-bottom:24px}
:is(.single-post .article-content,.editor-styles-wrapper .is-root-container) li + li {margin-top:8px}
:is(.single-post .article-content,.editor-styles-wrapper .is-root-container) a {text-underline-offset:.18em}
:is(.single-post .article-content,.editor-styles-wrapper .is-root-container) blockquote {padding:16px 24px;border-left:3px solid #00875a;background:#f5f7f8;margin-top:32px;margin-bottom:32px}
:is(.single-post .article-content,.editor-styles-wrapper .is-root-container) blockquote cite {display:block;font-size:15px}
:is(.single-post .article-content,.editor-styles-wrapper .is-root-container) img {max-width:100%;height:auto}
:is(.single-post .article-content,.editor-styles-wrapper .is-root-container) :is(.wp-block-image,.wp-block-gallery,.wp-block-embed,.wp-block-video) {margin-top:32px;margin-bottom:32px}
:is(.single-post .article-content,.editor-styles-wrapper .is-root-container) figcaption {font-size:14px;line-height:1.4;text-align:center;color:#59636b;margin-top:10px}
.single-post .article-content :is(video,iframe) {max-width:100%}
.single-post .article-content iframe[src*="youtube"],.single-post .article-content iframe[src*="youtu.be"],.single-post .article-content iframe[src*="vimeo"] {position:static;display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:0}
.single-post .article-content .wp-block-embed__wrapper {position:relative}
.single-post .article-content .wp-block-embed.is-type-video .wp-block-embed__wrapper::before {content:none}
.single-post .article-content .wp-block-embed.wp-embed-aspect-9-16 iframe {aspect-ratio:9 / 16}
.single-post .article-content .wp-block-embed.wp-embed-aspect-4-3 iframe {aspect-ratio:4 / 3}
.single-post .article-content .wp-block-gallery.has-nested-images {display:grid;grid-template-columns:repeat(var(--helios-gallery-columns,3),minmax(0,1fr));gap:16px}
.single-post .article-content .wp-block-gallery.columns-1 {--helios-gallery-columns:1}
.single-post .article-content .wp-block-gallery.columns-2 {--helios-gallery-columns:2}
.single-post .article-content .wp-block-gallery.columns-3 {--helios-gallery-columns:3}
.single-post .article-content .wp-block-gallery.columns-4 {--helios-gallery-columns:4}
.single-post .article-content .wp-block-gallery.columns-5 {--helios-gallery-columns:5}
.single-post .article-content .wp-block-gallery.columns-6 {--helios-gallery-columns:6}
.single-post .article-content .wp-block-gallery.columns-7 {--helios-gallery-columns:7}
.single-post .article-content .wp-block-gallery.columns-8 {--helios-gallery-columns:8}
.single-post .article-content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {width:auto;min-width:0;margin:0}
.single-post .article-content .wp-block-gallery.has-nested-images.is-cropped .wp-block-image img {aspect-ratio:4 / 3;object-fit:cover}
.single-post .article-content .wp-block-table {overflow-x:auto}
.single-post .article-content .wp-block-table table {width:100%}
.single-post .article-content .wp-block-columns > .wp-block-column {min-width:0}
.single-post .article-content pre {overflow-x:auto;white-space:pre}
.single-post .article-footer {max-width:680px;margin:48px auto 0;border-top:1px solid #e1e9f1;padding-top:24px}
.single-post .article-footer .share {margin-top:0}
.single-post .article-tags {display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px}
.single-post .article-tags a {font-size:14px}
@media(max-width:991px) {
.single-post .article--post {padding-top:calc(var(--header,80px) + 40px);padding-bottom:56px}
.single-post .article-head {margin-bottom:48px}
.single-post .article-content .wp-block-gallery.has-nested-images:not(.columns-1) {--helios-gallery-columns:2}
}
@media(max-width:600px) {
.single-post .article-head {margin-bottom:36px}
.single-post .article-content {font-size:17px;line-height:1.55}
.single-post .article-content .wp-block-gallery.has-nested-images:not(.columns-1) {--helios-gallery-columns:1;gap:12px}
.single-post .article-content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {width:100%;flex:1 1 100%}
.single-post .article-content :is(.alignleft,.alignright) {float:none;margin-left:auto;margin-right:auto;max-width:100%}
}