/*
Theme Name: Expert Roccella
Description: Tema figlio di Orchid Store per roccella.eu. Contiene tutte le personalizzazioni del sito: il tema genitore resta originale e si può aggiornare.
Author: SEO Business
Template: orchid-store
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: orchid-store-child
*/

/* Il contenitore del sito è più largo della finestra (margine negativo nel CSS
   personalizzato): le larghezze qui sotto sono limitate anche dalla finestra.
   Categorie prodotto: colonna di lettura e scala dei titoli.
   Il tema centra tutto e usa 13px su righe larghe quanto la pagina.
   Il CSS del genitore si carica dopo questo file: i selettori del titolo
   sono più specifici dei suoi (.inner-page-wrap .entry-title). */
body.tax-product_cat .inner-page-wrap h1.page-title {
	max-width: min(1100px, calc(100vw - 48px));
	margin: 24px auto 16px;
	font-size: 40px;
	line-height: 1.15;
	text-align: left;
	color: #313131;
}

.roccella-term-description {
	color: #444;
}

.roccella-term-intro,
.roccella-term-body {
	max-width: min(1100px, calc(100vw - 48px));
	margin: 0 auto;
	text-align: left;
}

.roccella-term-description p {
	margin: 0 0 18px;
	font-size: 17px;
	line-height: 1.7;
	text-align: inherit;
}

/* Introduzione: i paragrafi prima del volantino, stessa colonna del resto, corpo un po' più grande */

.roccella-term-intro p {
	font-size: 19px;
	line-height: 1.6;
}

.roccella-term-description h2 {
	margin: 56px 0 16px;
	font-size: 30px;
	line-height: 1.25;
	text-align: left;
	color: #313131;
}

.roccella-term-description h3 {
	margin: 32px 0 10px;
	font-size: 21px;
	line-height: 1.35;
	text-align: left;
	color: #313131;
}

.roccella-term-body > h2:first-child {
	margin-top: 0;
}

.roccella-term-description h2 + h3 {
	margin-top: 20px;
}

.roccella-term-description strong {
	font-weight: 600;
	color: #313131;
}

/* Volantino Calameo: a tutta larghezza del contenitore e alto come in home (800px).
   Da mobile l'altezza la decide il CSS personalizzato del sito su iframe[src*="calameo.com"]. */
.roccella-volantino {
	max-width: min(1392px, calc(100vw - 48px));
	margin: 40px auto 56px;
}

.roccella-volantino iframe {
	display: block;
	width: 100%;
	height: 800px;
	margin: 0;
	border: 0;
}

@media (max-width: 768px) {
	body.tax-product_cat .inner-page-wrap h1.page-title {
		font-size: 30px;
	}

	.roccella-term-description p {
		font-size: 16px;
	}

	.roccella-term-intro p {
		font-size: 17px;
	}

	.roccella-term-description h2 {
		margin-top: 40px;
		font-size: 24px;
	}

	.roccella-term-description h3 {
		font-size: 19px;
	}

	.roccella-volantino {
		max-width: calc(100vw - 16px);
		margin: 24px auto 40px;
	}
}