/**
 * Theme Name: SMART 2.0 Theme
 * Description: SMART Child theme of Hello Elementor
 * Author: Dan
 * Template: hello-elementor
 * Text Domain: hello-elementor-child
 */


 /* Add your custom styles here */


 .flex-about-staff-container {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap onto new lines */
    justify-content: center; /* Centers items if there are fewer than the full row */
    gap: 20px; /* Space between items */
    padding: 10px; /* Optional padding around the flex container */
}

.flex-about-staff-container > * {
    flex: 1 1 calc(33.33% - 20px); /* Desktop: Three columns */
    max-width: calc(33.33% - 20px); /* Ensures items don’t exceed 1/3 of the container width */
    text-align: center; /* Centers content inside each item */
    box-sizing: border-box; /* Ensures padding and border are included in the width */
}

.flex-about-staff-container .e-link-in-bio__icon svg {
    width: 24px; /* Adjust as needed */
    height: 24px;
}


.flex-about-staff-container .e-link-in-bio__icon svg path {
    fill: var( --e-global-color-primary );
}

.flex-about-staff-container .e-link-in-bio__icons {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center; /* Centers icons horizontally */
    align-items: center;
    gap: 12px; /* Adjusts spacing between icons */
}

/* Tablet: Two columns */
@media (max-width: 768px) {
    .flex-about-staff-container > * {
        flex: 1 1 calc(50% - 20px); /* Each item takes up half of the row */
        max-width: calc(50% - 20px);
    }
}

/* Mobile: One column */
@media (max-width: 480px) {
    .flex-about-staff-container > * {
        flex: 1 1 100%; /* Each item takes up full width */
        max-width: 100%;
    }
}

/* Hide empty items */
.flex-about-staff-container > *:empty {
    display: none;
}



.flex-custom-about .e-link-in-bio__heading {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
}

.flex-custom-about .e-link-in-bio__title {
    font-family: var(--e-global-typography-615f4a3-font-family), Sans-serif;
    font-size: var(--e-global-typography-615f4a3-font-size);
}

.flex-custom-about .e-link-in-bio__identity-image {
    width: 200px;
}

/* Hide afg fields from guides pages */
.hide-form {
display: none!important;
}