/*
Thema name: Fondazione Daniele moro
Author: Nicola Benedetti
Authot URI: http://www.nicolabenedetti.it
Description: Fondazione Daniele Moro / Morsano al Tagliamento
Version: 1.0
Licence:
Licence URI:
Tags:
*/

html { background-color: #FFFFFF; }
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.2em;
    font-family: 'Roboto', sans-serif;
	color: #404040;
}
a {	color: #404040; }
a:hover { color: #9DAB50; text-decoration: none; }
h1 {
	margin: 50px 0 20px;
	padding: 0 20px 0 0;
	font-weight: 900;
	letter-spacing: -1px;
	font-size: 2.5em;
}
h2 { font-weight: 900; font-size: 1.7em; }
h3 { font-weight: 900; font-size: 1.3em; }
h1.titolo-pagina {
	font-family: "Noto Serif Display", serif;
  	font-optical-sizing: auto;
	margin: 75px 0 30px;
	padding: 0 20px 0 0;
	font-weight: 900;
	letter-spacing: -1px;
	font-size: 2.5em;
}

hr.is-style-default-01 { width: 50%; text-align: left; border-top: 1px dotted;  }
hr { margin: 2rem 0; opacity: .50; }

/* -- HEADER -- */
header { padding: 30px 0; }
.barra-menu { margin-top: 72px; }

.banner-superiore {
	background-color: #921915;
	color: white;
	padding: 75px 0 20px;
	margin-bottom: 50px;
}

.banner-superiore-contatti {
	background-color: #921915;
	color: white;
	padding: 75px 0 20px;
}

/* -- NEWS homepage -- */
.container-news { margin-bottom: 75px;}
.box-img { overflow: hidden; border-radius: 15px; }
.box-img .img-news img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.box-img .img-news:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); }
.box-news-homepage { padding-bottom: 30px; }
.data-news {
	text-transform: uppercase;
	font-size: 0.8rem;
	margin: 15px 0 10px 0;
}
.txt-news p { padding: 0; }
.box-news-homepage .titolo-news {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 110%;
	margin: 0 0 15px 0;
}

/* -- box NEWS INTERNE -- */
.titolo-news {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 110%;
	margin: 0 0 15px 0;
}

.box-attivita-interno { margin-top: 100px; }
.bottone-info { margin-top: 75px; }
.freccia-back { margin-bottom: 25px; }

/* -- box ATTIVITA -- */
.box-attivita.uno { margin-bottom: 30px; border-radius: 15px; }
.box-attivita img { border-radius: 15px; }
.box-attivita.uno, .box-attivita { position: relative; }
.img-attivita {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
	border-radius: 15px;
}
.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #273614;
	border-radius: 15px;
}
.box-attivita:hover .overlay { opacity: 0.85; }
.text {
	font-family: "Noto Serif Display", serif;
  	font-optical-sizing: auto;
	font-weight: 900;
	letter-spacing: -1px;
	font-size: 3em;
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 100%;
	line-height: 100%;
}

/* -- box CONTRIBUTI -- */
.box-contributi { border-radius: 15px; background-color: #E87247; padding: 100px; margin: 100px 0; }
.btn-contributi .btn { font-family: 'Roboto', sans-serif; text-transform: uppercase; }
.titolo-contributi {
	font-family: "Noto Serif Display", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-weight: 900;
	letter-spacing: -1px;
	font-size: 4.5em;
	color: white;
	line-height: 90%;
}
.ico-contributi { width: 250px; height: auto; }

/* -- footer -- */
footer { background-color: #796E62; padding: 3% 0 2%; color: #ffffff; font-size: 1rem; }
.fullpage { width: 100%; padding: 0; margin: 100px 0 0 0; }
.fullpage .container-fluid { padding: 0; margin: 0; }
.fullpage .row { padding: 0; margin: 0; }
.fullpage .colonne { padding: 0; margin: 0; }
footer a {	color: #FFFFFF; }
footer a:hover { color: #9DAB50; text-decoration: none; }

/* -- MEDIA QUERIES -- */


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	/*body {background-color:azure;}*/

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	/* body {background-color: antiquewhite;} */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	/* body {background-color: beige;}*/
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/* body {background-color: #ff0000;} */
}

/* Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
	/* body {background-color: #fff000;} */
}
}