html,body{
	scroll-behavior:smooth;
}

@media (prefers-reduced-motion: reduce) {
	html,body{
		scroll-behavior: auto;
	}
}

#block-york-page-title,
#block-pagetitle,
.ds-psa-wrapper{
	display:none;
}

#main{
	padding-top:0;
}

#page-wrapper{
	padding-bottom:0;
}

h2{
	margin-bottom:24px;
}

	h2 small{
		display:block;
		font-size:1.2rem;
	}
	
	p + h2{
		margin-top:48px;
	}

h3{
	font-size:2rem;
	margin-bottom:24px;
	color:#e31837;
}

.list-unstyled li{
	margin:8px 0;
}

#vp5yr-banner{
	width:100vw;
	margin:0 0 0 calc((100% - 100vw) / 2);
	min-height:400px;
	padding:48px calc((100vw - 100%) / 2);
	position:relative;
	color:#FFF;
	background-size:cover;
}

		#vp5yr-banner > div{
			position:relative;
			z-index:1;
		}

		#vp5yr-banner > div.vp5yr-tint{
			position:absolute;
			width:100%;
			height:100%;
			top:0;
			left:0;
			background-color:rgba(0,0,0,0.3);
			z-index:0;
		}
	
		#vp5yr-banner h1{
			font-size:1.5rem;
			margin:0 auto;			
		}
		
			#vp5yr-banner h1 span{
				font-size:4rem;
				display:block;
			}	
			
		.vp5yr-segue{	
			padding-top:150px;
			color:#FFF;	
			font-size:1.5rem;
			font-weight:bold;
			display:block;
		}
		
				.vp5yr-segue img{	
					height:24px;
					margin-left:8px;
				}		
		
			.vp5yr-segue:hover{
				color:#FFF;
			}

.flex,
.flex-50{
	display:flex;
}
	.flex-50{
		flex-wrap:wrap;
	}

	.flex-50 > div{
		width:calc(50% - 8px);			
	}

span.title{
	display:block;
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.25;	
}

#vp5yr-overview-boxes{
	margin-top:24px;
}

.flex-50 > div,
#vp5yr-values-boxes > div{
	border:10px solid #9A0100;
	margin-right:8px;
	text-align:center;
	padding:24px 24px 48px;
	position:relative;
	background-color:#FFF;
}

		#vp5yr-values-boxes > div{
			flex:1;
			text-align:left;
			color:#FFF;
			background-color:#3AC2EF;	
			border:0;
		}	

		.flex-50 > div{
			margin-bottom:8px;
			text-align:left;
			padding:24px;
		}
		
		@media screen and (max-width:1000px){
			#vp5yr-values-boxes{
				flex-wrap:wrap;
			}
			
			#vp5yr-values-boxes > div{
				width:calc(50% - 8px);
				margin:0 8px 8px 0;
				flex:none;
			}			
		}			
		
		@media screen and (max-width:600px){
			.flex, .flex-50{
				display:block;
			}
			
			.flex-50 > div,
			#vp5yr-values-boxes > div{
				width:100%;
				margin:0 0 8px;
			}
		}		

	#vp5yr-values-boxes > div:last-child{
		margin-right:0;
	}
	
	.flex-50 > div p,
	#vp5yr-values-boxes > div p{
		margin-top:12px;
	}	
	
	#vp5yr-values-boxes > div a{
		position:absolute;
		text-align:center;
		width:100%;
		left:0;
		bottom:24px;
	}		
	
img.emblem{
	width:100px;
	margin:24px 0;
}

.count{
	counter-reset:counting;
}

	.count > div{
		padding-left:72px;
	}

		.count > div:before{
			counter-increment:counting;
			content:counter(counting);
			font-size:4rem;
			font-family:sans-serif;
			position:absolute;
			width:32px;
			top:20px;
			left:20px;
			line-height:1;
		}
		
.vp5yr-card-wrapper ~ .vp5yr-card-wrapper{
	margin-top:36px;
	padding-top:36px !important;
	border-top:1px solid #666;
}

.vp5yr-card-wrapper ~ .vp5yr-card-wrapper.first-display{
	margin-top:0;
	padding-top:0 !important;
	border-top:none;
}
		
.vp5yr-card{
	display:flex;
}

		@media screen and (max-width:700px){
			.vp5yr-card{
				flex-direction:column;
			}
		}

		.vp5yr-card:last-child{
			margin-bottom:0;
			border-bottom:none;
		}


	.vp5yr-card img{
		width:300px;
		height:300px !important;
		object-fit:contain;
		object-position:50% 0;
		margin-right:24px;
		align-self:flex-start;
	}
	
		.collection-wrapper .vp5yr-card img{
			width:200px;
		}
	
	.vp5yr-card-header-wrapper .vp5yr-card-unit:hover,
	.vp5yr-card-progress a:hover{
		text-decoration:underline;
	}	
	
		@media screen and (max-width:800px){
			.vp5yr-card img{
				height:auto !important;
			}
			
			.vp5yr-card > div{
				margin-top:24px;
			}
		}	
	
	.vp5yr-card-header{
		display:flex;
		justify-content:space-between;
		margin-bottom:12px;
	}
	
			@media screen and (max-width:800px){
				.vp5yr-card .vp5yr-card-header{
					flex-direction:column;
					margin-top:12px;
				}
			}	
	
		.vp5yr-card-header .vp5yr-card-title{
			font-weight:bold;
			font-size:1.25rem;
		}	
		
		.vp5yr-card-header .vp5yr-card-progress{
			white-space:nowrap;
			margin-left:12px;
		}
		
			.vp5yr-card-header .vp5yr-card-progress[data-progress="new"],
			.vp5yr-card-header .vp5yr-card-progress[data-progress="New"],
			.vp5yr-card-header .vp5yr-card-progress[data-progress="new"] a,
			.vp5yr-card-header .vp5yr-card-progress[data-progress="New"] a,{
				color:#2DB9EC;
			}		
			
			.vp5yr-card-header .vp5yr-card-progress[data-progress="completed"],
			.vp5yr-card-header .vp5yr-card-progress[data-progress="Completed"],
			 .vp5yr-card-header .vp5yr-card-progress[data-progress="completed"] a,
			.vp5yr-card-header .vp5yr-card-progress[data-progress="Completed"] a{
				color:#009600;
			}
			
			.vp5yr-card-header .vp5yr-card-progress[data-progress="in progress"],
			.vp5yr-card-header .vp5yr-card-progress[data-progress="In Progress"],
			.vp5yr-card-header .vp5yr-card-progress[data-progress="in progress"] a,
			.vp5yr-card-header .vp5yr-card-progress[data-progress="In Progress"] a{
				color:#D18C00;
			}
			
	.vp5yr-card-body{
		margin-bottom:24px;
	}
			
	.vp5yr-card-footer .vp5yr-card-principle{
		margin:4px 0;
	}
	
	.vp5yr-card-footer strong{
		display:none;
	}	
	
	.vp5yr-card-footer span{
		background-color:#666;
		color:#FFF;
		padding:4px 16px;
		border-radius:8px;
		font-size:0.9rem;
		margin:0 8px 8px 0;
		display:inline-block;
	}	
	
		.vp5yr-card-footer .vp5yr-card-commitment{
			display:none;
		}	

			.vp5yr-card-footer .vp5yr-card-commitment span:before{
				content:'Commitment: ';
			}
			
		.vp5yr-card-footer .vp5yr-card-principle span:before,
		.vp5yr-card-footer .vp5yr-card-values span:before{
			content:'Value: ';
		}
		
		.vp5yr-card-footer .vp5yr-card-lenses span:before{
			content:'Lens: ';
		}		
		
			.vp5yr-card-footer a{
				display:inline-block;
				color:#FFF;
				text-decoration:underline;
			}
		
.vp5yr-next{
	display:block;
	background-color:#CCC;
	padding:48px;
	color:#666;
	font-size:1.5rem;
	position:relative;
}

	.vp5yr-next span{
		color:#e31837;
		font-size:3rem;
		display:block;
	}
	
		.vp5yr-next span img{
			width:36px;
			margin-left:12px;
		}	
		
.vp5yr-accordion{
	/*margin-top:48px;*/
	position:relative;
}

		.vp5yr-accordion ~ .vp5yr-accordion{
			margin-top:48px;
		}

	.vp5yr-accordion h3{
		margin-bottom:0;
	}

		.vp5yr-accordion h3 img{
			width:36px;
			margin-right:12px;
		}
	
	.vp5yr-accordion > div{
		border-left:6px dotted #e31837;
		margin-left:15px; /* 18px - 3px */
		padding:24px;
	}	
	
	.vp5yr-card-statistics{
		border:4px solid #e31837;
		display:flex;
		padding:24px;
		margin-top:24px;
		align-items:center;
	}
	
		.vp5yr-card-statistics span{
			font-size:4rem;
			margin-right:24px;
			line-height:1;
			color:#e31837;
			display:inline-block;
			font-weight:bold;
			white-space:nowrap;
		}
		
		.vp5yr-card-statistics img{
			width:100px;
			height:100px;
			object-fit:contain;
			object-position:50%;
			margin-right:24px;
			display:inline-block;			
		}		
		
			@media screen and (max-width:600px){
				.vp5yr-card-statistics{
					flex-direction:column;
				}
				
				.vp5yr-card-statistics span,
				.vp5yr-card-statistics img{
					margin-right:0;
					margin-bottom:12px;
				}
			}		
		
		.vp5yr-card-statistics > div > p:last-child{
			margin-bottom:0;
		}			
		
#vp5yr-commitments-boxes{
}

	#vp5yr-commitments-boxes > div > span.title{
		font-size:2rem;
		margin-bottom:12px;
	}

	#vp5yr-commitments-boxes a img{
		width:24px;
		margin-left:12px;
	}
	
	#vp5yr-commitments-boxes > div{
		border:4px solid #e31837;
		padding:24px;
		margin-bottom:24px;
	}
	
			#vp5yr-commitments-boxes > div:last-child{
				margin-bottom:0;
			}	
			
		#vp5yr-commitments-boxes > div > div{
			display:flex;
		}			
		
			#vp5yr-commitments-boxes > div > div > *{
				flex:1;
			}	
		
			#vp5yr-commitments-boxes > div > div > div:first-child{
				margin-right:24px;
			}	

div.carousel .vp5yr-card .vp5yr-card-commitment{
	display:block !important;
}			

@media only print{
	.sticky-top,
	header,
	h2,
	.vp5yr-card-body > a,
	.vp5yr-accordion > h3 img,
	a[href]:after,
	.vp5yr-card-statistics,
	footer,
	paper-button,
	.vp5yr-card-footer,
	.vp5yr-card img
	{
		display:none;
	}	
	
	.vp5yr-card-header-wrapper .vp5yr-card-unit,
	.vp5yr-card-progress a{
		text-decoration:none;
	}	
	
	a, a:link, a:visited{
		text-decoration:none !important;
		color:#666;
	}
	
	.vp5yr-accordion > h3 a{
		color:#e31837;
	}
	
	.vp5yr-accordion > div{
		border-left:none;
		margin-left:0;
		padding:24px 0;
	}
	
	.vp5yr-card img{
		width:200px;
		height:200px;
	}
	
	.vp5yr-card-footer a{
		color:#FFF !important;
	}
}					

paper-button i.fa{
	margin-right:8px;
}