/* Grid layout */
.mp-grid {
display: grid;
box-sizing: border-box;
gap: 1.2rem;
}
/* Content card styles */
.mp-content-card {
box-sizing: border-box;
width: 100%;
height: 100%;
}
/* Clearfix for old browsers */
.mp-content-card::after {
display: block;
clear: both;
content: "";
}
/* Card inner container */
.mp-card-inner {
box-sizing: border-box;
box-shadow: 0 0 0.4rem #999;
background: linear-gradient(to top, #e8f2f8, #faffff);
height: 100%;
}
/* Style card headings */
.mp-card-heading h2 {
border: none;
color: inherit;
display: inline;
font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
font-size: inherit;
font-weight: inherit;
padding: 0;
}
/* Card body styling */
.mp-card-body {
text-align: justify;
padding: 0.5rem;
}
/* Desktop size specific styles */
@media (min-width: 875px) {
/* Adjust grid layout for larger screens */
.mp-grid {
grid-template-columns: 1fr 1fr;
}
/* Positions header and footer across the grid columns */
.mp-header,
.mp-footer {
grid-column-start: 1;
grid-column-end: -1;
}
/* Adjust font size for headings */
.mp-card-heading {
font-size: 135%;
}
}
/* Non-desktop size specific styles */
@media (max-width: 1500px) {
/* Adjust grid layout for smaller screens */
.mp-grid {
grid-template-columns: 1fr;
}
/* Adjust font size for headings in smaller screens */
.mp-card-heading {
font-size: 125%;
}
}