/* =============================================================================
 *
 * 	NGOPRO Gobal Stylesheet
 *
 *	--	Default image folder: \Images\filename.img
 *	--	Image folder: /ClientFiles/ngopro/public/img/
 *	--	Fonts folder: /ClientFiles/ngopro/public/fonts/
 *
 * ========================================================================== */


/* =============================================================================
 * 	--	Basic Layout
 * ========================================================================== */
body{
	background-color: #f7f7f7;
}
.site-wrapper{
	max-width: 1440px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
.header-banner{}
.header-banner-top{
	height: 36px;
	background-color: #505050;
}
.header-banner-bottom{
	height: 46px;
	background-color: #00A5E6;
}
header{
	padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 16px!important;
    padding-right: 16px!important;
}
.header-logo img{
	max-width: 120px;
	height: auto;
}
.agreement-header-logo{
	max-width: 225px;
}
.content-wrapper{
	padding: 60px 0 40px 0;
}
footer {
    padding: 48px 75px 48px 75px;
    background-color: #303030;
    color: #fff;
}
.footer__logo{
	max-height: 74px;
	width: : auto;
}
img.nittikonto {
    max-width: 200px;
    height: auto;
}
/* =============================================================================
 * 	--	Typografy and basic elements
 * ========================================================================== */
body{
	font-family: 'Quicksand', serif;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Noto Serif', serif;
}
h1 {
    font-size: 46px;
}
footer p{font-size: 14px;}
.donation h3{
	margin-bottom: 0;
}
a{
	color: #00a5e6;
}
a:hover {
    color: #02658c;
    text-decoration: none;
}
/* =============================================================================
 * 	--	Content elements
 * ========================================================================== */
.intro{
	margin-bottom: 40px;
	text-align: center;
}
ul.option-logos img{
	width: auto; height: 30px;
	-webkit-filter: unset; /* Safari 6.0 - 9.0 */
	filter: unset;
}
/*.donation-amount-options{
 	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); 
}*/
/* =============================================================================
 * 	--	Page styles
 * ========================================================================== */
 .RecurringDonationSignAgreement .content-wrapper,
 .RecurringDonationAgreement .content-wrapper,
 .recurringdonationsignagreement .content-wrapper,
 .recurringdonationagreement .content-wrapper
 {
	padding: 0; 
 }
#showContactAdress0, #hideContactAdress0 {
    position: absolute;
    top: 16px;
    right: 30px;
}
.custom-control-input {
    opacity: 1;
}
/* =============================================================================
 * 	-- Media queries
 * ========================================================================== */
@media only screen and (max-width : 768px) {
	h1{
		font-size: 1.75rem;
	}
}
@media (max-width: 997px){
	.container{
		max-width: 100%!important;
	}
	.header-banner-top{display: none;}
}
@media (min-width: 1200px){
	.container{
		max-width: 1200px;
	}
}