*{
	box-sizing:border-box;
}

body{
	min-width:320px;
}

html.jsModalOpen,
body.jsModalOpen{
	overflow-y:hidden;
}

	.container{
		width:100% !important;
	}



/* -- Insights
---------------------------------------- */

	.CovidInsights{
		width:100%;
		height:auto;

		display:block;
		position:relative;

		margin:0px auto !important;
		padding:0px 10px;
		border:0px none;
	}


	/* -- Filters ---------- */
		
		.CovidInsightsFilters{
			display:block;
			position:relative;
			margin-left:-5px !important;
			margin-right:-5px !important;
			margin-top:0px !important;
			margin-bottom:0px !important;
			padding:0px 0px 20px;
		}


		/* -- Dropdowns ---------- */

			.filterDropdown{
				width:100%;
				height:55px;

				display:block;
				position:relative;
				float:left;
				z-index:0;

				font-size:0.875em;

				margin:0px auto 10px !important;
				padding:15px 5px 0px;
				border:0px none;

				overflow-y:hidden;
			}

			.filterDropdown.jsDropdownActive{
				z-index:10;
				overflow-y:visible;
			}

			.filterDropdown.jsURLFilterApplied{
				display:none;
			}

			@media screen and (min-width:480px){
				.filterDropdown{
					width:50%;
				}
			}

			@media screen and (min-width:641px){
				.filterDropdown{
					width:33.333333%;
				}
			}

			@media screen and (min-width:992px){
				.filterDropdown{
					width:20%;
				}
			}

				/* Label */
				.filterDropdown::before{
					width:20%;
					height:12px;

					display:block;
					position:absolute;
					top:0px;
					left:5px;
					z-index:0;

					font-size:12px;
					line-height:12px;

					margin:0px auto;
					padding:0px;
					margin:0px auto;
				}

				.filterDropdown--Pillar::before{
					content:'Pillar:';
				}

				.filterDropdown--Phase::before{
					content:'Phase:';
				}

				.filterDropdown--Industry::before{
					content:'Industry:';
				}

				.filterDropdown--Capability::before{
					content:'Capability:';
				}

				.filterDropdown--Type::before{
					content:'Type:';
				}


				/* Select */
				.filterDropdown span{
					background:#FFFFFF;

					width:100%;
					height:40px;

					display:block;
					position:relative;
					float:left;

					line-height:1.25;
					text-align:left;

					margin:0px auto;
					padding:10px 30px 10px 10px;
					border:1px solid #CCCCCC;

					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;

					cursor:pointer;

					-webkit-transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1), color 150ms cubic-bezier(0.42, 0, 0.58, 1);
					   -moz-transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1), color 150ms cubic-bezier(0.42, 0, 0.58, 1);
						-ms-transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1), color 150ms cubic-bezier(0.42, 0, 0.58, 1);
						 -o-transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1), color 150ms cubic-bezier(0.42, 0, 0.58, 1);
							transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1), color 150ms cubic-bezier(0.42, 0, 0.58, 1);
				}

					.filterDropdown span:hover{
						background-color:#F5F5F5;
					}

				.filterDropdown.jsDropdownActive span{
					background-color:#F5F5F5;
				}


				/* Arrow */
				.filterDropdown span::before{
					width:10px;
					height:10px;

					display:block;
					position:absolute;
					top:18px;
					right:14px;
					z-index:20;

					margin:0px auto;
					padding:0px;
					border:0px none;
					border-bottom:2px solid #00338D;
					border-right:2px solid #00338D;

					-webkit-transform:rotate(45deg) translateX(-50%) translateY(-50%);
					   -moz-transform:rotate(45deg) translateX(-50%) translateY(-50%);
						-ms-transform:rotate(45deg) translateX(-50%) translateY(-50%);
						 -o-transform:rotate(45deg) translateX(-50%) translateY(-50%);
							transform:rotate(45deg) translateX(-50%) translateY(-50%);

					content:'';
				}

				.filterDropdown.jsDropdownActive span::before{
					top:10px;

					-webkit-transform:rotate(225deg) translateX(-50%) translateY(-50%);
					   -moz-transform:rotate(225deg) translateX(-50%) translateY(-50%);
						-ms-transform:rotate(225deg) translateX(-50%) translateY(-50%);
						 -o-transform:rotate(225deg) translateX(-50%) translateY(-50%);
							transform:rotate(225deg) translateX(-50%) translateY(-50%);
				}


				/* Option */
				.filterDropdown button{
					background:#FFFFFF;

					width:100%;
					height:auto;

					display:block;
					position:relative;
					float:left;

					font-size:0.875em;
					line-height:1.1;
					text-align:left;

					margin:0px auto !important;
					padding:10px;
					border:1px solid #CCCCCC;
					border-top:0px none;

					-webkit-transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1);
					   -moz-transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1);
						-ms-transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1);
						 -o-transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1);
							transition:background-color 150ms cubic-bezier(0.42, 0, 0.58, 1);
				}

					.filterDropdown button:hover{
						background-color:#F5F5F5;
					}

				.filterDropdown button.jsSelectedItem{
					background-color:#00338D;
					color:#FFFFFF;
				}


		/* -- Filtered By Title ---------- */

			.urlTitle{
				width:100%;
				width:calc(100% - 100px);
				height:auto;

				display:none;
				position:relative;
				clear:both;
				z-index:0;

				text-align:left;

				margin:0px 0px -20px !important;
				padding:0px 5px;
				border:0px none;
			}

				.urlTitle h2{
					width:100%;
					height:auto;

					display:block;
					position:relative;

					font-family:'Open Sans',Arial,Helvetica,sans-serif;
					font-size:13px !important;
					line-height:1.0;
					font-style:italic;
					font-weight:normal;

					margin:8px auto;
					padding:0px;
					border:0px none;
				}

					.urlTitle h2::before{
						font-style:normal;
						font-weight:normal;
						content:'Filtered by: ';
					}


		/* -- Reset Button ---------- */

			.resetButton{
				width:100%;
				height:auto;

				display:none;
				position:absolute;
				bottom:8px;
				left:0px;
				clear:both;
				z-index:0;

				text-align:right;

				margin:0px auto !important;
				padding:0px 5px;
				border:0px none;
			}

				.resetButton button{
					background:transparent;

					width:auto;
					height:auto;

					display:inline-block;
					position:relative;

					color:#888888;
					font-size:13px;
					line-height:1.0;
					font-style:italic;

					margin:0px auto;
					padding:0px 5px 0px 0px;
					border:0px none;
				}

				.resetButton button:hover{
					opacity:0.75;
				}

				.resetButton button::before{
					display:inline-block;
					padding-right:5px;
					content:'\00d7';
				}


		/* -- Clears ---------- */
		
			.CovidInsightsFilters::after,
			.filterDropdown::after{
				display:block;
				clear:both;
				content:'';
			}


	/* -- Results ---------- */

		.CovidInsightsResults{
			min-height:600px;

			clear:both;
			position:relative;
			z-index:0;

			margin-left:-10px !important;
			margin-right:-10px !important;
			margin-top:0px !important;
			margin-bottom:0px !important;
		}


		/* -- Results Grid ---------- */

			.filterGrid{
				width:100%;
				height:auto;

				display:block;
				position:relative;
				float:left;

				margin:0px auto !important;
				padding:0px;
				border:0px none;
			}


				/* Item */
				.filterItem{
					width:100%;
					height:auto;

					display:block;
					position:relative;
					float:left;

					margin:0px auto !important;
					padding:1px;
					border:0px none;
				}

				@media screen and (min-width:480px) and (max-width:640px){
					.filterItem{
						width:50%;
					}
					.filterItem:nth-child(2n+1){
						clear:both;
					}
				}

				@media screen and (min-width:641px) and (max-width:991px){
					.filterItem{
						width:33.333333%;
					}
					.filterItem:nth-child(3n+1){
						clear:both;
					}
				}

				@media screen and (min-width:992px){
					.filterItem{
						width:25%;
					}
					.filterItem:nth-child(4n+1){
						clear:both;
					}
				}

					.filterItem a{
						width:100%;
						height:auto;

						display:block;
						position:relative;
						float:left;

						margin:0px auto;
						padding:8px 8px 25px;
						border:1px solid #FFFFFF;
					}

					.filterItem a:hover{
						background-color:#FCFCFC;
						border:1px solid #F0F0F0;
						text-decoration:none;
					}

						.filterItem div{
							background-color:#F5F5F5;
							background-position:center right 25%;
							background-repeat:no-repeat;
							-webkit-background-size:cover;
							   -moz-background-size:cover;
								-ms-background-size:cover;
								 -o-background-size:cover;
									background-size:cover;

							width:100%;
							height:auto;

							display:block;
							position:relative;

							margin:0px auto 5px !important;
							padding:0px;
							border:0px none;
							border-bottom:5px solid #CCCCCC;
						}

							.filterItem img{
								background-color:transparent;

								width:100%;
								height:auto;

								display:block;
								position:relative;
								z-index:0;

								margin:0px auto;
								padding:0px;
								border:0px none;

								opacity:0;
							}

						.filterItem.pillarEnterprise div{
							background-color:#00338D;
							background-image:url('https://assets.kpmg/is/image/kpmg/covid-19-enterprise-resilience-texture-1500x1000:cq5dam.web.512.341');
							border-bottom:5px solid #00338D;
						}
						.filterItem.pillarFinancial div{
							background-color:#6D2077;
							background-image:url('https://assets.kpmg/is/image/kpmg/covid-19-financial-resilience-texture-1500x1000:cq5dam.web.512.341');
							border-bottom:5px solid #6D2077;
						}
						.filterItem.pillarOperational div{
							background-color:#005EB8;
							background-image:url('https://assets.kpmg/is/image/kpmg/covid-19-operational-resilience-texture-1500x1000:cq5dam.web.512.341');
							border-bottom:5px solid #005EB8;
						}
						.filterItem.pillarCommercial div{
							background-color:#483698;
							background-image:url('https://assets.kpmg/is/image/kpmg/covid-19-commercial-resilience-texture-1500x1000:cq5dam.web.512.341');
							border-bottom:5px solid #483698;
						}
						.filterItem.pillarGovernment div{
							background-color:#00A3A1;
							background-image:url('https://assets.kpmg/is/image/kpmg/covid-19-government-advice-support-texture-1500x1000:cq5dam.web.512.341');
							border-bottom:5px solid #00A3A1;
						}

							.filterItem.typeVideo div::before,
							.filterItem.typeWebinar div::before{
								background-color:rgba(0, 0, 0, 0.25);

								width:50px;
								height:50px;

								display:block;
								position:absolute;
								top:50%;
								left:50%;	
								z-index:10;

								margin: 0px auto;
								padding:0px;
								border: 0px none;

								-webkit-border-radius:50%;
								   -moz-border-radius:50%;
									-ms-border-radius:50%;
									 -o-border-radius:50%;
										border-radius:50%;

								-webkit-transform:translateX(-50%) translateY(-50%);
								   -moz-transform:translateX(-50%) translateY(-50%);
									-ms-transform:translateX(-50%) translateY(-50%);
									 -o-transform:translateX(-50%) translateY(-50%);
										transform:translateX(-50%) translateY(-50%);

								-webkit-transition:background-color 250ms cubic-bezier(0.42, 0, 0.58, 1);
								   -moz-transition:background-color 250ms cubic-bezier(0.42, 0, 0.58, 1);
									-ms-transition:background-color 250ms cubic-bezier(0.42, 0, 0.58, 1);
									 -o-transition:background-color 250ms cubic-bezier(0.42, 0, 0.58, 1);
										transition:background-color 250ms cubic-bezier(0.42, 0, 0.58, 1);
						
								content: '';
							}

							.filterItem.typeVideo div:hover::before,
							.filterItem.typeWebinar div:hover::before{
								background-color:rgba(0, 0, 0, 0.5);
							}

							.filterItem.typeVideo div::after,
							.filterItem.typeWebinar div::after{	
								width:0;
								height:0;

								display:block;
								position:absolute;
								top:50%;
								left:50%;
								z-index:10;
								
								margin:0px 0px 0px 2px;
								padding:0px;
								border-top:9px solid transparent;
								border-bottom:9px solid transparent;
								border-left:15px solid rgba(255, 255, 255, 0.95);
	
								-webkit-transform:translateX(-50%) translateY(-50%);
								   -moz-transform:translateX(-50%) translateY(-50%);
									-ms-transform:translateX(-50%) translateY(-50%);
									 -o-transform:translateX(-50%) translateY(-50%);
										transform:translateX(-50%) translateY(-50%);

								content: '';
							}

						.filterItem h1,
						.filterItem h2,
						.filterItem h3,
						.filterItem h4,
						.filterItem h5,
						.filterItem h6{
							width:100%;
							height:auto;

							display:block;
							position:relative;

							color:#00338D;
							/*font-size:1.125em;*/
							font-family:'Open Sans',Arial,Helvetica,sans-serif;
							font-size:1.0em;
							font-weight:normal;
							line-height:1.25;

							margin:8px auto;
							padding:0px;
							border:0px none;
						}

						.filterItem p{
							width:100%;
							height:auto;

							display:block;
							position:relative;

							color:#333333;
							/*font-size:1.0em;*/
							font-size:0.875em;
							font-weight:normal;
							line-height:1.25;

							margin:8px auto;
							padding:0px;
							border:0px none;
						}


		/* -- No Results ---------- */

			.filterNone{
				width:100%;
				height:auto;

				display:none;
				position:relative;
				clear:both;

				text-align:center;

				margin:0px auto !important;
				padding:60px 10px 30px;
				border:0px none;
			}

				.filterNone button,
				.filterNone span{
					width:auto;
					height:auto;

					display:block;
					position:relative;

					margin:5px auto;
					padding:0px;
					border:0px none;
				}
				
				.filterNone button{
					background-color:transparent;
					color:#005EB8;
					text-decoration:underline;
				}


		/* -- Clears ---------- */

			.CovidInsightsResults::after,
			.filterGrid::after,
			.filterNone::after{
				display:block;
				clear:both;
				content:'';
			}



/* -- Editor Note
---------------------------------------- */
	
	.editorNote{
		background-color:#90EE90;

		width:100%;
		height:auto;

		display:none;
		position:relative;
		clear:both;

		color:#0f5d0f;
		font-size:12px;
		text-align:center;

		margin:0px auto 30px !important;
		padding:30px;
		border:0px none;
	}

		.editorNote p{
			color:#0f5d0f;
			font-size:12px;
			text-align:center;

			margin:0px auto;
			padding:0px;
			border:0px none;
		}

			.editorNote small{
				display:block;
				font-size:0.75em;
				margin-top:5px;
			}

	/*.editorNote,*/
	.cq-Editable-dom .editorNote{
		display:block;
	}