/*
 Theme Name:   CoEEP
 Description:  Centro di Eccellenza per la Tutela Ambientale
 Author:       Menexa Srl
 Author URI:   https://menexa.eu
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

@import url("/inc/css/animate.min.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Saira:ital,wght@0,100..900;1,100..900&display=swap");

:root {
	--animate-duration: 1200ms;
	--animate-delay: 0.5s;
}

.site {
	position: relative;
}

.site::after {
	content: "";
	position: absolute;
	top: 160px;
	left: 0;
	right: 0;
	bottom: 330px;
	background: url("https://coeep.menexa.com/wp-content/uploads/2025/03/bckground-squares03.png")
			no-repeat fixed,
		url("https://coeep.menexa.com/wp-content/uploads/2025/03/bckground-squares04.png")
			no-repeat fixed;
	background-position: bottom left, top right;
	background-size: 25%, 25%;
	opacity: 0.3;
	z-index: -1;
}

.fw-black {
	font-weight: 900;
}

.large {
	font-size: 125%;
}

.small {
	font-size: 85%;
}
.x-small {
	font-size: 75%;
}
.xx-small {
	font-size: 65%;
}
.sezione-container {
	padding-top: 60px;
	padding-bottom: 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

.bottom-button {
	right: 5%;
	bottom: 30px;
	transition: opacity 1s;
	position: absolute;
}

h1,
h2,
h3,
h6 {
	font-weight: 700;
	color: var(--bs-primary);
	margin-top: 3rem;
	margin-bottom: 1.5rem;
}

h1 {
	margin-top: 1rem;
}

h4 {
	color: var(--bs-primary);
	margin-top: 3rem;
}

#course-title {
	font-weight: 700;
	color: var(--bs-primary);
	margin-top: 0;
	font-size: 20px;
	margin-right: 10px;
	margin-left: 10px;
}

#news-title {
	font-weight: 500;
	color: var(--bs-primary);
	margin-top: 0;
	font-size: 20px;
}

.text-white em strong {
	color: white;
}
h3.corso-title {
	margin-top: 0;
}

h4.title-singolo-corso {
	margin-top: 0;
}

.course-box {
	height: 300px;
	background-color: #000;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombra leggera */
}

.course-meta i,
strong {
	color: #215468;
}

.image-wrapper {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.footer_widget p {
	font-size: 14px;
}

#footer-menu {
	border-top: 1px solid #ccc;
	display: flex;
	justify-content: center; /* Centra orizzontalmente */
	align-items: center; /* Centra verticalmente */
}

.bootscore-footer-columns {
	background-color: #e2e9ec !important;
}

.textwidget p {
	margin-bottom: 5px;
}

#hero-copy {
	background-color: white;
	padding: 40px;
}

/* Effects & Animations */
.enlarge {
	transition: transform 330ms ease-in-out;
}

.enlarge:hover {
	transform: scale(1.05);
}

.image-wrapper {
	height: 250px; /* Altezza fissa per tutte le immagini */
	overflow: hidden;
	position: relative;
}

.uniform-img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	display: block;
}

.btn {
	text-transform: uppercase;
}

.btn-outline-secondary:hover {
	color: #215468;
}

/* Spazio tra le colonne su dispositivi mobili */
@media (max-width: 768px) {
	.row {
		margin-bottom: 30px; /* Aggiungi spazio tra le righe */
	}

	.col-md-6 {
		margin-bottom: 20px; /* Aggiungi spazio tra le colonne a sinistra e a destra */
	}

	.course-navigation {
		margin-top: 20px;
	}

	.course-navigation .btn {
		font-size: 1em;
		width: 100%; /* Pulsanti a larghezza piena sui dispositivi mobili */
		margin-top: 10px; /* Aggiungi spazio tra i pulsanti */
	}
}

@media (max-width: 1024px) {
	.site::after {
		display: none;
	}
}