/*
Theme Name: Certificazione Perla
Theme URI: https://www.certificazioneperla.it/
Author: Clone Generator
Description: Tema custom per replicare l'iniziativa PERLA. Utilizza colori e layout simili all'originale e include template per le pagine principali. Le immagini sono incluse nella cartella assets.
Version: 1.2
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: certificazioneperla-theme
*/

/* Impostazioni generali */
body
{
	margin:0;
	font-family:'Red Hat Text',sans-serif;
	background-color:#f2f1f5;
	color:#4e5669;
}

a
{
	color:inherit;
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6
{
	margin:0;
	font-weight:700;
}

.navbar
{
	background-color:#b3aacf;
	position:sticky;
	top:0;
	z-index:1000;
}

.navbar .container
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1rem 1.5rem;
}

.navbar ul
{
	display:flex;
	list-style:none;
	margin:0;
	padding:0;
}

.navbar ul li
{
	margin-inline:0.5rem;
}

.navbar ul li a
{
	padding:0.5rem 0.75rem;
	font-weight:700;
	border-radius:9999px;
	transition:background-color 0.3s,color 0.3s;
}

.navbar ul li a:hover,
.navbar ul li a.active
{
	background-color:#72659d;
	color:#fff;
}

.hero
{
	background-color:#b3aacf;
	background-image:url('assets/images/shapehero-mobile.png');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	color:#4e5669;
	text-align:center;
	padding:5rem 1rem 3rem;
}

@media(min-width:768px)
{
	.hero
	{
		background-image:url('assets/images/shapehero-desktop.png');
		padding:6rem 2rem 4rem;
	}
}

.hero h1
{
	font-size:3rem;
	line-height:1.2;
}

.hero h2
{
	font-size:1.5rem;
	margin-top:1rem;
}

.section
{
	padding:4rem 1.5rem;
}

.section.bg-light
{
	background-color:#fff;
}

.section.bg-purple
{
	background-color:#b3aacf;
	color:#4e5669;
}

.section h2
{
	font-size:2rem;
	margin-bottom:1.5rem;
}

.content
{
	max-width:800px;
	margin:0 auto;
	line-height:1.6;
}

.footer
{
	background-color:#f2f1f5;
	padding:2rem 1.5rem;
	text-align:center;
}

.footer .logos
{
	display:flex;
	justify-content:center;
	gap:2rem;
	margin-top:1rem;
}

.footer .logos img
{
	max-height:40px;
}

.form-group
{
	margin-bottom:1rem;
}

.form-group label
{
	display:block;
	margin-bottom:0.5rem;
}

.form-group input,
.form-group select,
.form-group textarea
{
	width:100%;
	padding:0.5rem;
	border:1px solid #ccc;
	border-radius:4px;
}

.btn
{
	display:inline-block;
	padding:0.75rem 1.25rem;
	background-color:#72659d;
	color:#fff;
	border:none;
	border-radius:4px;
	cursor:pointer;
	font-weight:600;
	transition:background-color 0.3s;
}

.btn:hover
{
	background-color:#5a4e84;
}