Home
Version 32.1 by Aaron Blackburn on 2026/07/22 20:29
.modern-menu-container {
max-width: 960px;
margin: 0 auto;
padding: 20px;
}
.modern-menu-container .row {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.menu-card-link {
display: block;
text-decoration: none;
margin-bottom: 15px;
}
.menu-card {
background: #ffffff;
border-radius: 12px;
padding: 15px;
display: flex;
align-items: center;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
border: 1px solid #e0e0e0;
color: #333;
height: 100%;
box-sizing: border-box;
}
.menu-card-link:hover .menu-card {
transform: translateY(-5px);
box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}
.menu-icon-container {
flex: 0 0 60px;
height: 60px;
background-color: #f8f9fa;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
border: 1px solid #eaeaea;
}
.menu-icon {
max-width: 80%;
max-height: 80%;
object-fit: contain;
}
.webex-icon { max-width: 90%; }
.menu-text {
flex: 1;
display: flex;
flex-direction: column;
}
.menu-title {
font-size: 16px;
line-height: 1.4;
font-weight: 600;
}
.menu-subtitle {
font-size: 13px;
color: #666;
margin-top: 4px;
}
.partner-footer {
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
justify-content: center;
}
.partner-footer .text-center {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 768px) {
.menu-card-link {
flex: 0 0 50%;
max-width: 50%;
padding: 0 10px;
box-sizing: border-box;
}
}