@import "https://up.day.it/css_js/reset.css";
			 
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');

@font-face {
  font-family: 'day';
  src:  url('../font/day.eot?');
  src:  url('../font/day.eot?#iefix') format('embedded-opentype'),
    url('../font/day.ttf?') format('truetype'),
    url('../font/day.woff?') format('woff'),
    url('../font/day.svg?#day') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ico_"], [class*=" ico_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'day' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico_download:before {
  content: "\e900";
}
.ico_play:before {
  content: "\e903";
}
.ico_arrow-right:before {
  content: "\e902";
}
.ico_arrow-up:before {
  content: "\e901";
}
.ico_file-empty:before {
  content: "\e924";
}

/* COLORI */
:root {
	--colore_vinaccia: #490F30;
	--colore_antracite: #2c2c2c;
	--colore_arancio: #FF8500;
	--colore_bianco: #FEFEFE;
	--colore_grigio: #4d5a61;
	--colore_grigio_scuro: #1a1a1a;
	--colore_grigio_chiaro: #F1F1F1;
	--font_family: "Roboto Flex", sans-serif;
	--max_outer: 1400px;
	--max_inner: 1140px;
	--max_testo: 760px;
}
.bg_vinaccia{	
  background-color: var(--colore_vinaccia);
}
.bg_antracite{	
  background-color: var(--colore_antracite);
}
.bg_arancio{	
  background-color: var(--colore_arancio);
}
.bg_bianco{	
  background-color: var(--colore_bianco);
}
.bg_grigio{
	background-color: var(--colore_grigio);
}
.bg_grigio_chiaro{
	background-color: var(--colore_grigio_chiaro);
}
.bg_grigio_scuro{
	background-color: var(--bg_grigio_scuro);
}
.colore_vinaccia{	
  color: var(--colore_vinaccia);
}
.colore_antracite{	
  color: var(--colore_antracite);
}
.colore_arancio{	
  color: var(--colore_arancio);
}
.colore_bianco{	
  color: var(--colore_bianco);
}
.colore_grigio{
	color: var(--colore_grigio);
}
.colore_grigio_chiaro{
	color: var(--colore_grigio_chiaro);
}
.colore_grigio_scuro
	color: var(--colore_grigio_scuro);
}
/* //COLORI */

ol, ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: var(--font_family);
	font-weight: 300;
}
b, strong{
	font-weight: 700;
}
i, em{
	font-style: italic;
}

html,
body{
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
}
body{
	background-color: #ffffff;
	font-family: var(--font_family);
	font-weight: 300;
	color: var(--colore_grigio_scuro);
}
img{
	display: block;
}
input,
textarea,
button{
 -webkit-appearance: none;
-moz-appearance: none !important;
}
input[type=checkbox]{
  -moz-appearance:checkbox !important;
  -webkit-appearance:checkbox !important;
}
input[type=radio]{
  -moz-appearance:radio !important;
  -webkit-appearance:radio !important;
}
::-webkit-datetime-edit-fields-wrapper {
}
::-webkit-datetime-edit-text {
}
::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-year-field {
}
::-webkit-inner-spin-button {
    display: none;
}
::-webkit-calendar-picker-indicator:hover {
    background:none;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1 */
color: #dcdcdc;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #dcdcdc;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #dcdcdc;
}
/*input:focus, textarea:focus, select:focus{
    border-color: #F0832F;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(240, 131, 47, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(240, 131, 47, 0.6);
}*/
button:focus{
    display: none;
}
input[type="date"]:not(.has-value):before{
  /*color: lightgray;*/
  content: attr(placeholder);
}
input[type=number]::-webkit-inner-spin-button {
  opacity: 1 !important;
	display: block !important;
}
a,
a:hover,
a:focus,
a:active,
a:visited {
	text-decoration:none;
    color: var(--colore_vinaccia);
}
a:hover{
    color: var(--colore_arancio);
}
.lista_download a:hover{
    color: var(--colore_vinaccia);
	background-color: var(--colore_arancio);
}
a.link_testo,
a.link_testo:hover,
a.link_testo:focus,
a.link_testo:active,
a.link_testo:visited {
	font-family: var(--font_family);
    color: var(--colore_vinaccia);
	text-decoration:underline;
	font-weight: 500;
}
a.link_testo:hover{
    color: var(--colore_arancio);
}

/* GO TO TOP MOBILE */
.go-to-top {
  position: fixed;
  z-index: 100;
  bottom: 91px;
  right: 0;
  text-align: center;
width: 65px;
        height: 65px;
        line-height: 68px;
        font-size: 33px;
      bottom: 63px;
  visibility: hidden;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: var(--colore_arancio);
	color: var(--colore_vinaccia) !important;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  cursor: pointer;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.30);
  -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.30);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.30);
}
  .go-to-top.visible {
    visibility: visible;
   -webkit-transform: translate(-39px, 0);
        -moz-transform: translate(-39px, 0);
        -ms-transform: translate(-39px, 0);
        -o-transform: translate(-39px, 0);
        transform: translate(-39px, 0);
}
.go-to-top.visible:hover{
  background: var(--colore_bianco);
	color: var(--colore_vinaccia) !important;
}
/* //GO TO TOP MOBILE */

#container{
	height:100%;
}

/* CLASSI COMUNI MOBILE */
.hide{
	display: none;
}
.skip_link {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: var(--colore_arancio);
  color: var(--colore_vinaccia) !important;
  opacity: 0;
}
.skip_link:focus {
  left: 1%;
  top: 1%;
  opacity: 1;
}
.outer_content{
	max-width: var(--max_outer);
	margin:  auto;
	position: relative;
}
.inner_content{
	max-width: var(--max_inner);
	margin:  auto;
	position: relative;
}
.testo_content{
	max-width: var(--max_testo);
	margin:  auto;
	position: relative;
}
.img_resize{
	width: 100%;
	 height: auto;
}
.img_resize img,
.img_resize video{
	width: 100%;
	 height: auto;
}
.centrato{
	text-align: center !important;
}
.giustificato{
	text-align: justify !important;
}
.destra{
	text-align: right !important;
}
.sinistra{
	text-align: left !important;
}
.spacing{	
	padding: 1em !important;
}
.margine{	
	margin:2em auto !important;
}
.margine_bottom{	
	margin-bottom:2em !important;
}
.margine_top{
	margin-top:2em !important;
}
h2,
h3{
	font-family: var(--font_family);
	line-height:1.25em;
	font-weight: 700;
	font-size:1.563rem;
}
h2{
	font-size:1.563rem;
}
h3{
	font-size:1.350rem;
}
.paragrafo {
    padding: 0 1em;
}
.testo,
.paragrafo p{
	font-size: 1rem;
	line-height:1.5em;
	margin-bottom: 1em;
}
.paragrafo p{
	text-align: justify;
	text-align-last: left;
}
.lista_download li{
	display: block;
	border-bottom: 1px solid var(--colore_grigio);
}
.lista_download li a{
	display: block;
	padding: 0.5em;
}
.lista_download li a:before{
	 content: "\e924";
	font-family: 'day' !important;
	font-size: 1.5rem;
	display: inline-block;
	color: var(--colore_vinaccia);
	vertical-align: middle;
	padding: 0.2em;	
}
.lista_download li a:after{
	content: "\e902";
	font-family: 'day' !important;
	font-size: 1.5rem;
	display: inline-block;
	color: var(--colore_vinaccia);
	vertical-align: middle;
	padding: 0.2em;	
}
.screen_reader_text{
	overflow: hidden;
    clip: rect(0,0,0,0);
    position: absolute !important;
    width: 1px;
    height: 1px;
    border: 0;
    word-wrap: normal !important;
}
/* //CLASSI COMUNI MOBILE */

/* HEADER MOBILE */
#logo{
	max-width: 110px;
	position: relative;
}
/* //HEADER MOBILE */

/* HEAD MOBILE */
.section_head {
	background-image: url("accessibilita-header.jpg");
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 20rem;
}
.section_head .container_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.section_head .container_wrap h1 {
    width: 100%;
    text-align: center;
    font-size: 2.375rem;
	font-weight: 500;
    padding: 1.1875rem 1rem 1.625rem;
    color: var(--colore_vinaccia);
	background-color: var(--colore_arancio);
    display: inline-block;
	width: auto;
}
/* //HEAD MOBILE */

/* FOOTER MOBILE */
#footer{
	padding: 0.5em 0;
}
#footer p{
	font-size: 0.875rem;
	line-height: 1.125rem;
}
#footer a,
#footer a:active,
#footer a:visited{
	color: var(--colore_bianco);
}
#footer a:hover{
	color: var(--colore_arancio);
}
#footer p:not(:last-of-type){
	margin-bottom: 1em;
}
/* //FOOTER MOBILE */

@media screen and (min-width: 701px) { /****************************************** visualizzazione TABLET ******************************************/
	/* CLASSI COMUNI TABLET */
	h2{
		font-size:1.75rem;
	}
	h3{
		font-size:1.55rem;
	}
	.testo,
	.paragrafo p{
		font-size: 1.063rem;
	}
	/* //CLASSI COMUNI TABLET */
}

@media screen and (min-width: 901px) { /****************************************** visualizzazione DESKTOP ******************************************/
	/* CLASSI COMUNI DESKTOP */
	h2{
		font-size:2.25rem;
	}
	h3{
		font-size:1.75rem;
	}
	.testo,
	.paragrafo p{
		font-size: 1.125rem;
	}
	/* //CLASSI COMUNI DESKTOP */
	
	/* HEAD DESKTOP */
	 .section_head {
        height: 15rem;
    }
	.section_head .container_wrap h1 {
		font-size: 3.125rem;
        padding: 2.6875rem 8.5625rem 2.625rem;
    }
	/* //HEAD DESKTOP */
}