Template:CR Funds Card/styles.css

.funds-card {
	display: grid;
	grid-template-columns: 1fr 4fr;
	grid-template-rows: auto;
	width: 45%;
	min-width: 400px;
	border: var(--background-color-neutral-subtle, #EAECF0) 1px solid;
	border-radius: 2px;
}

.funds-card-section1 { 
	grid-area: 1 / 1 / 2 / 2; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	border-top-left-radius: 2px;
}
.funds-card-section2 { grid-area: 1 / 2 / 2 / 3;  }
.funds-card-section3 { grid-area: 2 / 1 / 3 / 2; }
.funds-card-section4 { grid-area: 2 / 2 / 3 / 3; }
.funds-card-section5 { grid-area: 3 / 1 / 4 / 2; }
.funds-card-section6 { grid-area: 3 / 2 / 4 / 3; }
.funds-card-section7 { grid-area: 4 / 1 / 5 / 2; }
.funds-card-section8 { grid-area: 4 / 2 / 5 / 3; }
.funds-card-section9 { grid-area: 5 / 1 / 6 / 2; }
.funds-card-section10 { grid-area: 5 / 2 / 6 / 3; }
.funds-card-section11 { grid-area: 6 / 1 / 7 / 2; }
.funds-card-section12 { grid-area: 6 / 2 / 7 / 3; }

.funds-card-section-left {
  padding: 5px 20px;
  font-weight: bold;
}
.funds-card > div:nth-of-type(2)  { 
	margin-top: 10px;
}
.funds-card > .funds-card-section-left:nth-last-of-type(2) {
	border-bottom-left-radius: 2px;
	padding-bottom: 20px !important;
}

.funds-card-section-right {
  padding: 5px 20px;
}

.fund-title {
	font-size: 150%; font-weight: bold; 
}

.fund-category {
	margin-top: 5px;
}