body{font-family: "Source Sans Pro"; color:#476f8c; }

.anchor-parallax{
	display: block;
	height: 100px;
	margin-top: -100px;
	visibility: hidden;
}

#location-panel.anchor-parallax{
	margin-top: 60px;
	height: 60px;
}

.spacer{height: 70px;}

.animate{
		-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*--------------------------
Menu
--------------------------*/

.navbar{min-height: 70px}

.navbar.navbar-inverse{background-color: #486f8b;border-bottom: 0;}
.navbar-inverse .navbar-toggle{margin-top: 15px;}

.navbar-brand,
.navbar-nav li a{
	padding-top: 0;
	line-height: 70px;
	height: 70px;
	font-size: 16px;
}

.navbar-inverse .navbar-nav > li > a{
	color:#fff;
}


.img-logo{
	width: auto;
	height: 70px;
}

.parallax{
	padding: 200px 100px 100px 100px;text-align: center;color:#fff;
}

.parallaxchiesa{
	padding: 20px 10px 10px 10px;text-align: center;color:#486f8b;
}
/*--------------------------
Cover
--------------------------*/

#cover{background: url("img/campograno.jpg") no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding-top: 200px;
		padding-bottom: 100px;
	}
	.data{color: #c9ff27; font-weight: bold; font-size: 50px;}
	.titolo-principale{font-size: 70px;font-weight: bold;}
	.titolo-bordato{font-size: 70px; font-weight: bold; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black}
	.sottotitolo-bordato{font-size: 30px; margin: 0 auto; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black}
	.sottotitolo{font-size: 30px; max-width: 1000px;margin: 0 auto}
	.arrow .fa{font-size: 62px;}

	/*--------------------------
	Cover post matriomonio
	--------------------------*/
		#coverp{background: url("img/post.jpg") no-repeat center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			padding-top: 200px;
			padding-bottom: 100px;
		}



	/*--------------------------
	Focus
	--------------------------*/
#focus {padding-top: 20px;
padding-bottom: 20px;
}
	.titolo-secondario{font-size:36px; color:#000;font-weight: bold;}
	.trattino{width: 30px;height: 10px;background-color: #c9ff27; margin-bottom:20px; margin-top: 20px;}

	/*--------------------------
	Chiesa
	--------------------------*/

  #chiesa {background: url("img/chiesa.jpg") no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding-top:50px;
		padding-bottom: 100px;

	}
	.bg-row{background-color: rgba(0,0,0,0.4);}
	.bg-row2{background-color: rgba(0,0,0,0.2);}
	.titolo-chiesa{text-align: left;font-size: 70px; font-weight: bold;}
	.sottotitolo-chiesa{text-align: center;font-size: 30px; margin: 0 auto;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black}

	#errore {background: url("img/errore.jpg") no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding-top:50px;
		padding-bottom: 100px;

	}

	#riso {background: url("img/riso.jpg") no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding-top:50px;
		padding-bottom: 100px;

	}

	#brin {background: url("img/brin.jpg") no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding-top:50px;
		padding-bottom: 100px;

	}

	/*--------------------------
	Lista Step
	--------------------------*/

	#lista-step {padding-top: 20px;padding-bottom: 20px} h3{font-weight: bold;margin-bottom: 40px;}
	.step{border-bottom: 1px solid #ccc;padding: 20px;margin-top: 20px; font-size: 18px;text-align: center;}


	/*--------------------------
	Location
	--------------------------*/
	#location {background: url("img/tenuta.jpg") no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding-top: 30px;
		padding-bottom: 40px;

	}

	.contenuto-location{padding: 20px 40px;}
	.contenuto-location .titolo-ricevimento{margin-bottom: 20px}
	.no-margin{margin: 0px;padding: 0px;}

	/*--------------------------
	Iscriviti
	--------------------------*/

	#iscriviti{ padding-top: 50px;
	padding-bottom: 25px;

}

	.email{color: #c9ff27; font-size: 30px;margin-top: 10px}
  .img-fluid{max-width: 75%}
  .img-app{
    max-width: 60%;
    max-height: 75px;
	}


	#regali {background: url("img/zante.jpg") no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding-top: 30px;
		padding-bottom: 80px;

	}

		/*--------------------------
		Footer
		--------------------------*/

		footer{
		 background-color: #486f8c;
		 padding: 40px;
		}
			footer p{color: #fff;margin-bottom: 0px;}








	/*--------------------------
	Desktop
	--------------------------*/

	@media (min-width: 1023px){

		.navbar{margin-top: auto;}
		.navbar.navbar-inverse{background-color: transparent;border-bottom: 0;}
		.navbar-inverse .navbar-nav > .active > a,
		.navbar-inverse .navbar-nav > .active > a:hover,
		.navbar-inverse .navbar-nav > .active > a:focus{
			background-color: transparent;
			color: #c9ff27;
		}

	}


	/*--------------------------
	Tablet
	--------------------------*/


	@media (max-width: 1024px){
		.navbar{background-color: #486f8b!important;margin-top: 0!important}
		.parallax { padding: 100px 50px 50px 50px;}
		.titolo-principale{font-size: 40px;}
		.titolo-bordato{font-size: 40px;}
		.titolo-chiesa{font-size: 40px;}
		.module{margin-bottom: 60px;}

	}
