@charset "utf-8";
/* CSS Document */

/* ============================
	GENERALI
   ============================ */

:root {
	--c1: #4a4a49;
	--c2: #002855;
	--c3: #DC4405;
	--c4: #279F00;
	--font: "Klavika";
	--wNormal: 500;
}

.wNormal {
	font-weight: var(--wNormal);
}

body {
	font-family: var(--font), sans-serif;
	font-weight: var(--wNormal);
	font-style: normal;
	font-size: 16px;
	color: var(--c1);
	background-color: white;
}

.row {
	margin-left:0px;
	margin-right:0px;
}

h1, h2, h3, h4, p, a {
	font-family: var(--font), sans-serif;
	font-style: normal;
	color: var(--c1);
}

p {
  	font-weight: var(--wNormal);
}

a {
  	text-decoration: underline;
}

a:hover, a:focus, a:active {
  	color: var(--c1);
}

.button {
	transform: scale(1, 1);
	transition: transform 0.5s ease;
}

.button:hover,
.button:focus {
	filter:drop-shadow(rgba(255, 255, 255, 1) 5px 5px 20px);
	transform: scale(1.5, 1.5);
	transition: transform 0.5s ease;
}

img[src="assets/img/logo_affinity.png"] {
	max-width: 200px;
}

img[src="assets/img/logo_natural_trainer.png"],
img[src="assets/img/logo_advance.png"] {
	max-width: 400px;
}

.sfondo {
	background: url('../img/sfondo.jpg');
	background-position: 50% 0%;
	background-size: cover;
}

@media(max-width:1400px) {

}

@media (max-width:991px) {
	img[src="assets/img/logo_affinity.png"] {
		max-width: 150px;
	}
}

@media (max-width:576px) {

}

@media (max-width:375px) {
	img[src="assets/img/logo_affinity.png"] {
		max-width: 120px;
	}
}

/* ============================
	MENU
   ============================ */

.skip-to-main-content-link {
	position: absolute;
	left: -9999px;
	z-index: 999;
	padding: 1em;
	background-color: black;
	color: white;
	opacity: 0;
}

.skip-to-main-content-link:focus {
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
}

/* =========================
	COOKIE BAR
	======================= */

.cc-window {
	font-size: .85rem !important;
	line-height: 1.2em !important;
}

@media (max-width:767px) {
	.cc-window {
		font-size: .75rem !important;
		line-height: 1.1em !important;
	}
}
