.mmpro-members {
width: 100%;
margin-bottom: 2em;
} .style-0 .members, .members {
margin-bottom: 1.5em;
}
.style-0 .members img {
border: 1px solid #ddd;
padding: 2px;
}
.style-0 .members a {
color: #0066cc;
text-decoration: underline;
}
.style-0 .members a:hover {
color: #004080;
} .mmpro-member-inner {
border: 1px solid #ddd;
border-radius: 4px;
padding: 15px;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}
.mmpro-member-inner:hover {
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.mmpro-member-image {
text-align: center;
margin-bottom: 10px;
}
.mmpro-member-image img {
max-width: 100%;
height: auto;
border-radius: 4px;
}
.mmpro-member-info {
text-align: center;
}
.mmpro-member-name {
margin-top: 0;
margin-bottom: 10px;
font-size: 1.2em;
}
.mmpro-member-contact {
margin-top: 10px;
}
.mmpro-member-contact a {
display: inline-block;
padding: 5px 10px;
background-color: #0073aa;
color: white;
text-decoration: none;
border-radius: 3px;
}
.mmpro-member-contact a:hover {
background-color: #005177;
} .mmpro-member-card {
border: 1px solid #ddd;
border-radius: 4px;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: all 0.3s ease;
overflow: hidden;
}
.mmpro-member-card:hover {
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.mmpro-card-image {
width: 100%;
height: auto;
overflow: hidden;
}
.mmpro-card-image img {
width: 100%;
height: auto;
display: block;
transition: transform 0.3s ease;
}
.mmpro-member-card:hover .mmpro-card-image img {
transform: scale(1.05);
}
.mmpro-card-content {
padding: 15px;
}
.mmpro-card-name {
margin-top: 0;
margin-bottom: 10px;
font-size: 1.2em;
text-align: center;
}
.mmpro-card-details {
margin-bottom: 15px;
}
.mmpro-card-detail {
margin-bottom: 5px;
font-size: 0.9em;
}
.mmpro-card-footer {
border-top: 1px solid #eee;
padding: 10px 15px;
text-align: center;
}
.mmpro-contact-btn {
display: inline-block;
padding: 5px 15px;
background-color: #0073aa;
color: white;
text-decoration: none;
border-radius: 3px;
transition: background-color 0.3s ease;
}
.mmpro-contact-btn:hover {
background-color: #005177;
color: white;
} .mmpro-card-style-3 {
text-align: center;
}
.mmpro-card-style-4 {
text-align: left;
}
.mmpro-card-style-5 {
border-radius: 8px;
}
.mmpro-card-style-5 .mmpro-card-image img {
border-radius: 8px 8px 0 0;
} .dac-row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
[class*='dac-col-'] {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px) {
.dac-col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 768px) {
.dac-col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.dac-col-md-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
@media (min-width: 992px) {
.dac-col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
} .members {
margin-bottom: 20px;
}
.members table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin-bottom: 0;
}
.members td {
vertical-align: top;
padding: 0;
}
.members img {
max-width: 100%;
height: auto;
border-radius: 5px;
} .error-msg {
color: #D8000C;
background-color: #FFD2D2;
margin: 10px 0;
padding: 10px;
border-radius: 5px;
}
.error-msg i {
margin-right: 10px;
} .debug {
font-family: monospace;
background-color: #f5f5f5;
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 20px;
border-radius: 5px;
}
.debug h5 {
margin-top: 0;
margin-bottom: 10px;
font-weight: bold;
}
.debug pre {
white-space: pre-wrap;
word-wrap: break-word;
margin: 0;
} .dac-col-xs-12 h3 {
margin-top: 0;
margin-bottom: 15px;
font-size: 1.5em;
} .dac-col-xs-12 p {
margin-bottom: 15px;
} .modal-link {
color: #0073aa;
text-decoration: none;
display: inline-block;
margin-top: 5px;
}
.modal-link:hover {
color: #00a0d2;
text-decoration: underline;
}