.lfp-section {
	scroll-behavior: smooth;
	padding-top:50px;
	min-height:150px;
	
	.lfp-row {
		width: 80%;
    margin: 0 auto;
	}
}

.lfp-section--banner {
	padding-top:0;
	background-color: var(--lwa-bg-color);
	box-shadow: var(--lwa-shadow-1);
	
	.lfp-row {
		display:flex;
		flex-direction:row;
		
		.lfp-title {
			flex: 1 1 auto;
			padding: 50px 0 20px 0;
			
			h1 {
				margin: 0 0 5px 0;
			}
			h2 {
				font-weight: normal;
        color: var(--lwa-gray-2);
        font-size: 1.2rem;
        margin: 0;
			}
		}
	}
	
	.lfp-row--menu {
		height:54px;
	}
	.lfp-row--submenu {
		display:none;
		position:fixed;
		top: 64px;
		left: 225px;
		height: 94px;
		background: white;
		width: calc(100% - 225px - 230px - 17px);
		box-shadow: var(--lwa-shadow-1);
	}
	
	&.show-submenu {
		.lfp-row--submenu {
			display:block;
			z-index:3;
		}
		.lfp-menu {
			position:fixed;
			top:104px;
			height:54px;
			z-index:4;
		}
	}
	
	.lfp-idcard {
		display:flex;
		flex-direction:row;
		border: var(--lwa-border);
		border-radius:5px;
		flex:1 1 auto;
		min-height:300px;
		position:relative;
		padding-top:48px;
		
		&::before {
			display:block;
			content:"";
			width:100px;
			height:0;
			border-bottom:var(--lwa-border);
			position:absolute;
			top:50%;
			left:0;
		}
		
		.lfp-idcard__title {
			position:absolute;
			top:10px;
			left:20px;
			font-size:.9rem;
			text-transform:uppercase;
			color:var(--lwa-gray-2);
			margin: 0;
      font-weight: 400;
		}
		.lfp-idcard__main {
			flex:0 0 300px;
			padding:0 20px 25px 20px;
		}
		.lfp-idcard__side {
			flex: 1 1 auto;
			display:flex;
			flex-direction:column;
			padding-top:10px;
			
			.side-row {
				flex: 0 0 auto;
				border-bottom:var(--lwa-border);
				padding:10px 20px 10px 0;
				
				&:first-of-type {
					border-top:var(--lwa-border);
				}
				
				.label {
					
				}
				.value {
					font-size:.9rem;
					color:var(--lwa-gray-2);
				}
			}
		}
	}
	
	.lfp-menu {
		ul {
			display: flex;
			flex-direction: row;
			list-style-type: none;
			margin: 0;
			padding: 0;
			
			li {
				list-style: none;
        flex: 0 0 auto;
				
				a {
					display: block;
					line-height: 51px;
					height: 54px;
					padding: 0 15px;
					text-decoration: none;
					color: var(--lwa-gray-2);
					position: relative;
					font-weight:500;
					
					&:hover {
						color:var(--lwa-body-color);
					}
					&::after {
						width: 100%;
						content: "";
						height: 5px;
						border-radius: 4px 4px 0 0;
						background-color: transparent;
						position: absolute;
						bottom: 0;
						left: 0;
					}
				}
			}
			
			li.active {
				a, a:hover {
					font-weight: 500;
          color: var(--lwa-blue-2);
					
					&::after {
						background-color: var(--lwa-blue-2);
					}
				}
			}
		}
	}
}

.lfp-card {
	width: calc(100% + 40px);
	border: var(--lwa-border);
	border-radius: 5px;
	background: var(--lwa-bg-color);
	margin: 0 -20px;
	position:relative;
	padding-top:40px;
	
	> .lfp-card__title {
		position: absolute;
		top: 10px;
		left: 20px;
		font-size: .9rem;
		text-transform: uppercase;
		color: var(--lwa-gray-2);
		margin: 0;
		font-weight: 400;
	}
}
.lfp-chart-1 {
	height:350px;
	padding:0 20px 20px 20px;
	
	> canvas {
		max-height:400px;
	}
}