/* Add here all your CSS customizations */

html.boxed .body {
    font-family: 'calps_sans_regularregular', sans-serif;
    font-weight: normal;
    font-style: normal;
	letter-spacing: 0.015em;
	color: #1d1d1d;
    font-size: 17px;
    line-height: 26px;position: relative;
    background-color: #fff;
    border-radius: 0px;
    border: 0!important;
    /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);*/
    margin: 0 auto;
    max-width: 1200px;
    height: auto;
}
body {
    font-family: 'calps_sans_regularregular', sans-serif;
    font-weight: normal;
    font-style: normal;
	letter-spacing: 0.015em;
	color: #1d1d1d;
    font-size: 17px;
    line-height: 26px;
}

#footer a:not(.btn):not(.no-footer-css):hover {
    text-decoration: none;
    color: #1B8D78;
}

.fluid {width:100%;height:auto;}

.socials {width:90%;height:auto;}

.header-socials {width:100%;height:auto;margin:15px auto;}

.navi-socials {width:50%;height:auto;margin:15px auto;}

.logos {width:75%;height:auto; margin: 0 auto 20px auto;}

.iqrcode {width: 90%;height: auto;margin: 0 auto 20px auto;}

#header-socials-cellphone {display:none;}
#header-socials-desktop {display:block;}

.ipadgapclaim {padding:20px 0 20px 15px;}
.ipadgaplogo {padding:0;}


.wc4y-green {color:#156b5b;}

.wc4y-green-bg {background-color:#156b5b;}

h1, h2, h3, h4, h5 {font-family: 'calps_sansbold', sans-serif;letter-spacing: 0; font-weight: normal;}

strong {font-family: 'calps_sansbold', sans-serif;letter-spacing: 0; font-weight: normal;}

p {letter-spacing: 0;}


 .biggertext {
    font-size: 27px;
    line-height: 38px;
    letter-spacing: 0.02px;
    color: #646464;
}

 .normal {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.02px;
    color: #646464;
}

.bglogo {
	background-image: url('../img/wc4y/wc4y-logo-soft.png');
	background-position: right bottom;
	background-repeat: no-repeat;
}

.chevrons {color:#17836F;font-size: 21px;}


html.boxed #footer {

    margin-top:20px;
	padding-top: 20px;
	border-top:  0!important;
    border-bottom: 37px solid #1A927C;
    border-radius: 0;
	background-color: #fff;

}

html .scroll-to-top {
	transition: opacity 0.3s;
	background: #A4CD7F;
	border-radius: 4px 4px 0 0;
	bottom: 0;
	color: #FFF;
	display: block;
	height: 9px;
	opacity: 0;
	padding: 10px 10px 35px;
	position: fixed;
	right: 10px;
	text-align: center;
	text-decoration: none;
	min-width: 50px;
	z-index: 1040;
	font-size: 0.8em;
}

html .scroll-to-top.visible {
    opacity: 0.90;
}

html {
  scroll-behavior: smooth;
}

#header-cellphone {display:none;}

#header-desktop {display:block;margin:20px 0 20px 10px;}


.container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {
    max-width: 1200px;
    padding: 0 10px;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
}


@media screen and (max-width:812px) {
	
	.mobileheadfoto {display:block;}
	.socials {width:25%;height:auto; margin: 20px auto;}
	.header-socials {width:20%;height:auto;margin:15px 20px;}
	.logos {width:65%;height:auto; margin: 0 auto 20px auto;}
	.iqrcode {width: 54%;height: auto;margin: 0 auto 20px auto;}
	#header-socials-cellphone {display:block;}
	#header-socials-desktop {display:none;}
	
	#header-cellphone {display:block;margin:20px 0 20px 10px;}

	#header-desktop {display:none;}
	
}

@media screen and (min-width:813px) and (max-width:1024px) {
	
	.ipadgapclaim {padding:20px 0 20px 15px;}
	.ipadgaplogo {padding-left:60px;}
	
}


@media screen and (min-width:1025px) {
	
	#header-cellphone {display:none;}

	
}