html, body {
height: 100%;
}
:root { --footer-height: 90px; } /* adjust to match your footer’s real height */
/* Home Page Footer */
div.footer
{
background-color:#60656B;
color: #ffffff;
padding: 12px 12px;
width: 100%;
height: var(--footer-height);
margin-right: 0;
margin-left: 0;
float:none;
}
div.footer a
{
text-decoration: none;
}
div.footer > div.outer-row
{
line-height: 28px;
padding: 0;
}
.footer-logo
{
max-width: 100%;
}
.footer-links
{
font-size: 0.9em;
color: #ffffff;
text-align: center;
}
.footer-links a
{
color: #ffffff;
padding-right: 3px;
}
.footer-icons
{ font-size: 0.9em;
color: #ffffff;
text-align: right;
padding: 10px;
}
.footer-icons a
{
padding: 4px;
color: #ffffff;
}
p.Copyright
{
font-size: 0.9em;
text-align: left;
line-height: 1.6em;
margin: 0 0 10px 0;
}
.centered-text
{
text-align: center;
}
div.HomeMasterPageFooter
{
mc-grid-row: true;
margin-left: 0px;
margin-right: 0px;
}
div.HomeMasterPageFooter::before
{
content: ' ';
display: table;
}
div.HomeMasterPageFooter::after
{
content: ' ';
display: table;
clear: both;
}
div.HomeMasterPageFooter > div
{
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.HomeMasterPageFooter > div:nth-child(1)
{
width: 25%;
margin-left: 0%;
}
div.HomeMasterPageFooter > div:nth-child(2)
{
width: 50%;
margin-left: 0%;
}
div.HomeMasterPageFooter > div:nth-child(3)
{
width: 25%;
margin-left: 0%;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Arial, Segoe UI, Tahoma, sans-serif;background:#f7f9fb;color:#1f2937}
.wrap{max-width:1200px;height: auto;margin:0 auto;padding:10px 0px 10px 10px}
h1{margin:8px 0 12px;font-size:28px;line-height:1.2}
.lead{max-width:960px;margin:0 auto 20px;color:#6b7280;text-align:left}
/* Card grid */
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-bottom:0;}
@media (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid{grid-template-columns:1fr}}
.card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
padding:18px;
box-shadow:0 1px 2px rgba(0,0,0,.06);
display:flex;
flex-direction: column; /* keep as block OR use flex if you want vertical layout */
/* If you intended a column layout inside the card, uncomment these:
display:flex;
flex-direction:column;
gap:10px;
*/
}
.card:hover{box-shadow:0 8px 24px rgba(2,8,23,.15)}
.tag{width:fit-content;display:inline-block;background:#eef2ff;color:#1f2937;border:1px solid #c7d2fe;border-radius:8px;padding:4px 4px;font-size:12px;font-weight:400;text-align:center}
.title{margin:0;font-size:18px;line-height: 1.5}
.desc{margin:0;color:#6b7280;font-size:11px;font-weight:400;line-height: 1.5}
.list{margin:0;padding-left:18px;color:#6b7280;font-size:11px;font-weight:400;line-height: 1.5}
.cta{margin-top:auto;color:#0b74a5;text-decoration:none;font-size:11px;font-weight:400;line-height: 1.5}
.cta:hover{text-decoration:underline;color:#0ea5e9}
/* Simple icon circles using CSS only (no emoji) */
.icon{width:32px;height:32px;border-radius:8px;background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8;display:inline-block;line-height:32px;text-align:center;align-items:center; font-size:14px;font-weight:700}
/* Page layout shell (minimal addition) */
.body-layout { /* add this class to via Master Page */
min-height: 100vh;
display: flex;
flex-direction: column;
}
.body-layout {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.main-shell { /* wrapper around side nav + content area */
min-height: 100vh; /* fill at least the viewport */
box-sizing: border-box;
padding: 0 0;
margin-bottom: 0;
}
.footer .outer-row,
.footer .HomeMasterPageFooter {
padding-left: 0;
padding-right: 0;
}