@import "variables";
/*********************************************************/
/*
*              HERO
*
**********************************************************/
/*********************************************************/
/*
*              CARDS 
*
**********************************************************/
/*********************************************************/
/*
*             MAP ITALY 
*
**********************************************************/
/*********************************************************/
/*
*              HEADER 
*
**********************************************************/
.label__hero {
	font: 700 1rem/1.188rem Montserrat;
	letter-spacing: 1.6px;
	color: rgba($secondary-color, $opacity02);
	text-transform: uppercase;
	display: inline-block;
	background: rgb(255, 255, 255);
	padding: 0.3rem;
}
.cards__container.secondary__background.white {
	h4 {
		color: #fff !important;
	}
}
.cards__container.secondary__background {
	hr {
		border-top: 1px solid rgba(255, 255, 255, 0.4);
		opacity: 1;
		background-color: transparent;
	}
}
.trigger {
	cursor: pointer;
	padding: .5rem 0;
}
#Italy {
	path {
		fill: $primary-color;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
		stroke-width: 1px;
		&:hover {
			fill: rgba(255, 165, 38, 1);
		}
	}
	polygon {
		fill: $primary-color;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
		stroke-width: 1px;
		&:hover {
			fill: $tertiary-color;
		}
	}
	.active__map {
		fill: $tertiary-color;
	}
}
div[id^='card__region__'] {
	display: none;
}
.section__shadow {
	a {
		&:not(.cta__green) {
			color: #fff;
			font-weight: 400;
		}
	}
}
@media screen and (max-width:992px) {
	.label__hero {
		margin-bottom: 1.5rem;
	}
}