@import (reference) "variables.less";
@import "evento.less";
@import "schede-foto.less";

body {

	.categoria-content {

		.categoria-testo {
			margin-bottom: 2rem;
		}

		.categoria-link {

			display: block;
			text-decoration: none;
			color: inherit;

			.categoria-card {

				background: var(--bs-light);
				border: 1px solid var(--bs-gray-300);
				padding: 1.5rem;
				height: 100%;
				transition: border-color 0.15s ease, box-shadow 0.15s ease;

				h3 {
					color: var(--bs-primary);
					font-size: 1.25rem;
					font-weight: 700;
					margin-bottom: 0.5rem;
				}

				p {
					color: var(--bs-body-color);
					margin-bottom: 0;
				}

			}//.categoria-card

			&:hover .categoria-card {

				border-color: var(--bs-primary);
				box-shadow: 0 0.25rem 0.75rem rgba(var(--bs-primary-rgb), 0.15);

			}

		}//.categoria-link

	}//.categoria-content

}//body