@font-face {
  font-family: Archivo;
  src: url(fonts/Archivo/Archivo-Regular.ttf);
   font-weight: normal;
}
@font-face {
  font-family: ArchivoNarrow;
  src: url(fonts/ArchivoNarrow/ArchivoNarrow-Regular.ttf);
   font-weight: normal;
}

:root {
  /*--bs-body-font-family: var(--bs-font-sans-serif);*/
  --bs-header-font-family: ArchivoNarrow;
  --bs-body-font-family: Archivo;
  --bs-btn-font-family: ArchivoNarrow;
  
  --bs-header-font-size: 1rem;
  --bs-body-font-size: 1.25rem;
  --bs-btn-font-size: 1.25rem;
  
  --bs-primary-rgb: 25, 42, 138;
  
  --bs-primary: #192A8A;
  --bs-darkblue: #111C5D;
}

@media (max-width: 767px) {
	body {
		--bs-body-font-size: 1rem;
	}
}

footer#footer {
	background-color: var(--bs-darkblue) !important;
}
header, footer {
	font-family: var(--bs-header-font-family);
	font-size: var(--bs-header-font-size);
}
nav {
	font-family: var(--bs-header-font-family);
	font-size: var(--bs-body-font-size);
}

nav #logo { height: 5rem; }
nav #title { font-size: 2rem; }

@media (max-width: 767px) {
	nav #logo { height: 2.5rem; }
	nav #title { font-size: 1.5rem; }
	nav { font-size: 1.25rem; }
}


nav.shrinked #logo { height: 2rem; }
nav.shrinked #title { font-size: 1.5rem; }


a, a:link, a:active, a:visited {
		color: inherit;
		text-decoration: none;
}
a.btn { color: var(--bs-btn-color) !important; }

.font-regular {
	font-family: var(--bs-body-font-family);
}
.font-narrow {
	font-family: var(--bs-header-font-family);
}

section {
	margin: 0;
	/*padding: 10rem 5rem;*/
	padding: 5vw 2.5vw;
	background-position: center;
	background-size: cover;
	color: var(--bs-darkblue) !important;
	min-height: 100vh;
}
section#intro {
	padding-top: 5rem;
	min-height: calc(100vh - 5rem);
	background-image: url("images/bg-intro.jpg");
}
section#profilo {
	background-image: url("images/bg-profilo.jpg");
}
section#prestazioni {
	background-image: url("images/bg-prestazioni.jpg");
}
section#patologie {
	background-image: url("images/bg-patologie.jpg");
}
section#contatti {
	background-image: url("images/bg-contatti.jpg");
}
.head-box {
	background-color: rgba(255, 255, 255, 0.75);
	margin: 0 2.5rem 2.5rem;
	padding: 0.5rem;
	height: auto;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
}
.box {
	background-color: rgba(255, 255, 255, 0.75);
	margin: 2.5rem;
	padding: 2.5rem;
	height: calc(100% - 5rem);
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
}
.fit-box {
	/*height: 25rem;
	max-width: 25rem;
	margin: -2.5rem;*/
	max-width:100%;
}
.img-box {
	margin: 2.5rem 2.5rem -2.5rem;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
}
.img-box + .box {
	/*width: calc(100% - 5rem);*/
	height: 10.5rem;
	padding: 1.75rem;
}
.img-box > img {
	width:100%;
	/*height: 15vw;*/
	aspect-ratio: 1.75;
	object-fit: cover;
}

img.bullet { height: 2.5rem; }
h2 img.bullet { height: 5rem; }

img.minimap { 
	width:100%;
	aspect-ratio: 1.5;
	object-fit: cover;
}

.btn-darkblue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #111C5D;
  --bs-btn-border-color: #111C5D;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #192A8A;
  --bs-btn-hover-border-color: #192A8A;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #192A8A;
  --bs-btn-active-border-color: #192A8A;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #111C5D;
  --bs-btn-disabled-border-color: #111C5D;
}
.btn-cyan {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0190B0;
  --bs-btn-border-color: #0190B0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00A5CB;
  --bs-btn-hover-border-color: #00A5CB;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00A5CB;
  --bs-btn-active-border-color: #00A5CB;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0190B0;
  --bs-btn-disabled-border-color: #0190B0;
}