/* NEW site by Dario */
:root {
  --basic-font-size: 16px;
  --basic-line-height: 1.3;
  --basic-line-height-2: 1.5;
  --title-line-height: 1;
  --color-text: #222;
  --color-text-foreign: #505050;
  --color-info: #e2f3ff;
  --color-text-help: #000;
  --color-bg-text-help: var(--color-info);
  --menu-link-font-size: 15px;
  --hero-font-size: 22px;
  --hero-title-font-size: 43px;
  --hero-title-font-size-2: 37px;
  --section-title-font-size: 24px;
  --section-title-font-size-2: 37px;
  --section-title-font-size-3: 47px;
  --section-font-size: 20px;
  --section-font-size-2: 27px;
  --card-font-size: 16px;
  --card-title-font-size: 32px;
  --card-details-title-font-size: 17px;
  --balloon-title-font-size: 23px;
  --balloon-font-size: 16px;
}

@media (min-width: 1024px) {
  :root {
    --basic-font-size: 19px;
 }
}

html {
  scroll-behavior: smooth;
}

body {
	margin: 0;
    padding: 10px;
	font-family: 'Nunito', sans-serif;
	font-size: var(--basic-font-size);
	line-height: var(--basic-line-height);
}

button {
	font-family: 'Nunito', sans-serif;
}

input {
    font-family: 'Nunito', sans-serif !important;
	font-size: var(--basic-font-size) !important;
	line-height: var(--basic-line-height) !important;
}

h6, .subSectionHeader {
	margin: 15px 0px 15px -2px;
	padding: 5px 0px 5px 10px;
	width: 99%;
	clear: both;
	font-weight: bold;
	text-align: left;
}


.textForeign {
    color: var(--color-text-foreign);
    font-style: italic;
}

.textTitle {
    font-weight: bold;
}

.textHelp {
  font-style: italic;
}