/**
 * Frontend styles for the Executive Committee Members plugin.
 */
.execomm-member-title:not(:first-child) {
  margin-left: -.3em;  
}

.execomm-member-title:first-child:empty ~ .execomm-member-title:not(:empty) {
  margin-left: 0;  
}

.execomm-member-title:first-child:empty ~ .execomm-member-title:not(:empty) ~ .execomm-member-title:not(:empty) {
  margin-left: -.3em;  
}

.execomm-member-title:empty {
  display: none;
}

.execomm-member-title:after {
  content: ", ";
}

.execomm-member-title:empty + .execomm-member-title:not(:empty):before {
  content : "";
}

.execomm-member-title:not(:empty) ~ .execomm-member-title:empty + .execomm-member-title:not(:empty):before {
  content : ", ";
}


.execomm-members-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
    margin: 2em 0;
}

@media (min-width: 768px) {
    .execomm-members-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .execomm-members-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.execomm-member-card {
    background-color: #ffffff;
    border-radius: 6px;
    padding: 24px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    /* Soft shadow matching the image */
    display: flex;
    flex-direction: column;
}

.execomm-member-name {
    margin: 0 0 12px 0 !important;
    color: #3a4f73 !important;
    line-height: 1.2;
}
span.execomm-separator {
	display:none;
    position: relative;
    left: -5px;
}
h4.execomm-member-name {
    font-family: "Epilogue" !important;
    font-style: normal !important;
    font-weight: 700 !important;
	font-size:24px !important;
    margin: 0 !important;
}
.execomm-member-details {
    color: #3a4f73;
    /* Dark Blue */
    font-size: 0.95rem;
    line-height: 1.4;
    margin-bottom: 8px;
}

.execomm-member-title {
	font-family: "Epilogue" !important;
    font-style: normal !important;
    font-weight: 400 !important;
	font-size:16px !important;
	margin-top: 0;
    margin-bottom: 20px;
	color: #202b46;

}

.execomm-member-organization {
	display:block;
	font-family: "Epilogue" !important;
    font-style: normal !important;
    font-weight: 700 !important;
	font-size:16px !important;
    color: #3a4f73;
    /* Slightly darker shade for the org name */
}

.execomm-member-email-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    /* Push email to the bottom if cards vary in height */
}

.execomm-icon {
    color: #3a4f73;
    /* Dark Blue */
    flex-shrink: 0;
}

.execomm-member-email {
    color: #f58225;
    /* The vibrant orange link color */
    text-decoration: none;
    font-size: 0.95rem;
    transition: color 0.2s ease;
	font-family: "Epilogue" !important;
    font-style: normal !important;
    font-weight: 400 !important;
	font-size:16px !important;
}

.execomm-member-email:hover,
.execomm-member-email:focus {
    color: #d1850e;
    text-decoration: underline;
}