/* STYLE NOI PER LORO */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&display=swap');
.navbar-custom .navbar-brand.logo-image img { 
	max-height: 130px !important;
	width: auto !important;
	height: 100% !important;
}

.header .btn-solid-lg, .btn-solid-lg {
    border: 0.125rem solid #F086AA;
    border-radius: 60px;
    background-color: #F086AA;
    color: #fff;
    font: 700 2.4rem/0 "Montserrat", sans-serif;
    padding: 2.675rem 2.625rem 2.675rem 2.625rem;
}

.header h1, .header .p-large { font-size: 0.01rem !important; color: transparent !important; opacity: 0 !important; display: none;}

.header { 
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url(../images/header-background.jpg) center center no-repeat !important;
}
.header .header-content { max-height: 700px;}

.navbar-custom {
	/*background-color: #fff;*/
	padding-top: 0.125rem !important;
	padding-bottom: 0.125rem !important;
}


.header .text-container { margin-top: 26.5rem !important; margin-bottom: 0 !important;}

.navbar-custom .nav-item { padding-left: 0.5rem; padding-right: 0.5rem;}
.navbar-custom .nav-item .nav-link, .navbar-custom .nav-item .nav-link:visited, .navbar-custom .nav-item .nav-link:hover, .navbar-custom .nav-item .nav-link.active {
    color: #555 !important;
    font-weight: 600;
    background-color: #fff;
    border-radius: 40px;
    padding: 0.45rem 0.95rem 0.45rem 0.95rem;
}

.navbar-custom .nav-item .nav-link:hover, .navbar-custom .nav-item .nav-link.active {
    color: #222!important;
    background-color: #f8cddc;
}
.navbar-custom .nav-item .nav-link.active:visited, .navbar-custom .nav-item .nav-link.active, .navbar-custom .nav-item .nav-link.active:hover {
    color: #fff !important;
    background-color: #F086AA !important;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
}
.navbar-custom .fa-stack, .navbar-custom .fa-stack:hover {
	border-radius: 80px;
	background-color: #0075be;
	color: #fff !important;
}
.navbar-custom .fa-stack:hover a, .navbar-custom .fa-stack a:hover, .navbar-custom .fa-stack:hover .fa-stack-1x {
	color: #fff !important;
}
.header .btn-solid-lg:hover, .btn-solid-lg:hover {
	background-color: #e16992;
	border-color: #fff;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	cursor: pointer;
}

a:hover, .navbar-custom .nav-item .nav-link:hover {cursor: pointer !important;}


/* header collapse */
.navbar-custom.top-nav-collapse {
	background-color: rgba(255,255,255, 0.9) !important;
}
.navbar-custom.top-nav-collapse .navbar-brand.logo-image img {
	max-height: 80px !important;
}


/* intro */
.section-title {
	color: #555 !important;
}
h2 {
    color: #E84E0E !important;
    font: 900 2.75rem/2.125rem "Montserrat", sans-serif;
    line-height: 2.6rem;
}

.text-container p {
    color: #555;
    font: 400 1rem/1.5625rem "Montserrat", sans-serif;
	line-height: 1.8rem;
}

.basic-1 .testimonial-author { color: #e16992 !important; font-style: italic !important;}


/* buona pasqua */
.slider { 
	background-image: url(../images/bg-section.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
}
.imageFrase {text-align: center;}
.imageFrase img{text-align: center; max-width: 560px; width: 100%; height: auto;}

/* footer */
.footer { background-color: #fff; border-top: 2px solid #f2f2f2;}
.footer .text-container.about { 
    color: #555;
    font: 400 1rem/1.5625rem "Montserrat", sans-serif;
	line-height: 1.8rem;
}
.footer .text-container.about.boxDonazioni {
	padding: 15px;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	background-color: #F086AA !important;
	color: #fff !important;
}
.footer .text-container.about h4 { color: #555 !important; }
.footer .text-container.about.boxDonazioni h4 { color: #fff !important; }
h4 {
	font: 700 1.65rem/1.625rem "Montserrat", 
}
ul li {margin-bottom: 10px;}

.copyright { margin-top: 30px;background-color: #f2f2f2; color: #555; padding-top: 20px;}
.copyright p, .copyright a, .copyright a:hover, .copyright a:visited, .copyright a:active {color: #555;}
.copyright a:hover {text-decoration: underline;}
.copyright .p-small { font: 400 0.775rem/1.375rem "Open Sans", sans-serif;}


/* thankyou-text */
#thankyou {
border-bottom: 2px solid #F086AA !important;
}
#thankyou .basic-2 h2 {
	color: #F086AA !important;
    font: 900 3.25rem/2.125rem "Montserrat", sans-serif;
    margin-bottom: 30px;
}
#thankyou .p-heading { color: #555;}
#thankyou-text { 
	background-color: #fff !important;
}
#thankyou-text .display-4 { font-weight: 900; }
#thankyou-text .p-heading { color: #555;}
#thankyou-text .p-heading b { color: #E84E0E !important; font-weight: 900 !important; }
#thankyou .display-3 {
    color: #F086AA !important;
    font: 900 2.75rem/2.125rem "Montserrat", sans-serif;
    line-height: 2.6rem;
}

/* donazione */
#donazione {
border-top: 2px solid #F086AA !important;
border-bottom: 2px solid #F086AA !important;
background-color: #faeaf0 !important;
}
#boxQrCode img{ 
	background-color: #fff;
    padding: 20px;
}

#donazione .text-container h2{ 
    color: #F086AA !important;
    font: 900 2.75rem/2.125rem "Montserrat", sans-serif;
    line-height: 2.6rem;
}

#boxFormDonazione .form-2 form { margin-left: 0 !important;}


#boxFormDonazione a img { max-width: 240px; width: 100%; height: auto;}

/* grazie */
.form-control-submit-button.plsPaginaGrazieUno {
	border: 0.125rem solid #F086AA;
    border-radius: 60px;
    background-color: #F086AA;
    color: #fff;
	font: 700 2rem/0 "Montserrat", sans-serif;
    padding: 2.25rem 2.225rem 2.275rem 2.225rem;
    text-decoration: none;
}
.form-control-submit-button.plsPaginaGrazieUno:hover {
	background-color: #e16992;
	border-color: #fff;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	cursor: pointer;
}
.form-control-submit-button.plsPaginaGrazieDue {
	border: 0.125rem solid #F086AA;
    border-radius: 60px;
    background-color: #fff;
    color: #F086AA!important;
	font: 700 2rem/0 "Montserrat", sans-serif;
    padding: 2.25rem 2.225rem 2.275rem 2.225rem;
    text-decoration: none;
}
.form-control-submit-button.plsPaginaGrazieDue:hover {
	background-color: #fff;
	border-color: #F086AA;
	color: #F086AA !important;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	cursor: pointer;
}

a.back-to-top { background-color: #F086AA; border: 2px solid #fff; }
a:hover.back-to-top {
    background-color: #F086AA;
}


/* .spinner-wrapper */
.spinner-wrapper {
	background-color: #fff !important;
}
.spinner > div {
	background-color: #F086AA !important;
}


/* RESPONSIVE */
@media only screen and (max-width: 991px) {

.form-control-submit-button.plsPaginaGrazieUno, .form-control-submit-button.plsPaginaGrazieDue {font: 700 1.6rem/0 "Montserrat", sans-serif; height: auto; width: 100%; display: block; float: left;}

.plsPaginaGrazie .col-sm-6{
    width: 100% !important;
    display: block !important;
    float: left !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

}
@media only screen and (max-width: 767px) {
.navbar-custom, .navbar-custom.top-nav-collapse {
	background-color: rgba(255,255,255, 1) !important;
}
.navbar-custom{
	max-height: 80px !important;
}
.navbar-custom.top-nav-collapse .navbar-brand.logo-image img, .navbar-custom .navbar-brand.logo-image img {
	max-height: 60px !important;
}
.navbar-custom .navbar-toggler { color: #F086AA;}
.navbar-collapse { background-color: rgba(255,255,255, 1) !important; padding-top: 10px !important;
	margin-left: -20px !important;
    margin-right: -20px !important;
    padding-left: 20px;
    padding-right: 20px;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.12);
}
.header .header-content {
    max-height: 600px;
}

}
@media only screen and (max-width: 520px) {

.header {background-size: cover !important;}
.header .header-content { max-height: 340px!important;}
.header .text-container {margin-top: 10.5rem !important; }
.header .btn-solid-lg, .btn-solid-lg { font: 700 1.6rem/0 "Montserrat", sans-serif; padding: 2.275rem 2.625rem 2.275rem 2.625rem;}

.form-control-submit-button.plsPaginaGrazieUno, .form-control-submit-button.plsPaginaGrazieDue {font: 700 1.2rem/0 "Montserrat", sans-serif; }

.basic-2 { padding-top: 1.375rem;  padding-bottom: 1.375rem;}
#thankyou-text { padding-top: 2.375rem;  padding-bottom: 1.375rem;}
.footer { padding-top: 1.375rem;  padding-bottom: 1.375rem;}

#thankyou .display-3 { padding-top: 40px;}

}
@media only screen and (max-width: 380px) {
	.header .btn-solid-lg, .btn-solid-lg {
    font: 700 1.2rem/0 "Montserrat", sans-serif;
    padding: 1.675rem 2.625rem 1.675rem 2.625rem;
	}
	.header .header-content { max-height: 300px!important;}
.header .text-container {margin-top: 8.5rem !important; }
h2 {font: 900 2.25rem/2.125rem "Montserrat", sans-serif; }
.text-container p {font: 400 0.95rem/1.5625rem "Montserrat", sans-serif; }

#donazione .text-container h2 {font: 900 2.45rem/2.125rem "Montserrat", sans-serif; }
.form-2 { padding-top: 2.625rem; padding-bottom: 2.625rem;}

.form-control-submit-button.plsPaginaGrazieUno, .form-control-submit-button.plsPaginaGrazieDue {font: 700 1rem/0 "Montserrat", sans-serif; padding: 1.65rem 1.225rem 1.675rem 1.225rem;}
#thankyou .display-3 {font: 900 2rem/2.125rem "Montserrat", sans-serif; }



}