.frankeileen-elementor-staff-profiles.use-tabs .tab-content {
	display: none;
}

.frankeileen-elementor-staff-profiles.use-tabs .tab-content.active {
	display: block; /* Or flex, grid, etc. depending on layout */
}

.frankeileen-elementor-staff-profiles.use-tabs .tab-button.active {
	background-color: #ccc; /* Example active state styling */
}

.frankeileen-elementor-staff-profiles.use-tabs .tabs {
	display: none;
    flex-direction: row;
	flex-wrap: wrap;
    row-gap: 20px;
	column-gap: 20px;
}
.frankeileen-elementor-staff-profiles.use-tabs .frankeileen-profile-item {
	display: none;
}
.frankeileen-elementor-staff-profiles.use-tabs .frankeileen-profile-item.no-tabs-on-mobile {
	display: block;
}
.frankeileen-elementor-staff-profiles.use-tabs .frankeileen-profile-item.tabs-on-mobile {
	display: flex;
}
.frankeileen-elementor-staff-profiles.use-tabs .tabs.tabs-on-mobile {
	display: flex;
}

.frankeileen-elementor-staff-profiles.use-tabs .tabs .tab-button {
	flex-direction: column;
    flex: 1 0 100%;
	padding: 0;
	
	border: 0;
	text-align: inherit;
	display: flex;
	transition: none;
	white-space: normal;
	background: transparent;
}
.frankeileen-elementor-staff-profiles.use-tabs .tabs.tabs-width-25 .tab-button {
	flex: 1 0 100%;
	flex-basis: 100%;
}
.frankeileen-elementor-staff-profiles.use-tabs .tabs.tabs-width-33 .tab-button {
	flex: 1 0 100%;
	flex-basis: 100%;
}
.frankeileen-elementor-staff-profiles.use-tabs .tabs.tabs-width-50 .tab-button {
	flex: 1 0 100%;
	flex-basis: 100%;
}

.frankeileen-elementor-staff-profiles.use-tabs .tab-content {
	margin-top: 3vw;
}

.frankeileen-elementor-staff-profiles.no-tabs {
	display: flex;
    flex-direction: row;
	flex-wrap: wrap;
    row-gap: 20px;
}

.frankeileen-elementor-staff-profiles.no-tabs .frankeileen-profile-item {
	display: flex;
	flex-direction: column;
    flex: 1 0 100%;
	column-gap: 20px;
	row-gap: 20px;
}

.frankeileen-elementor-staff-profiles.no-tabs .frankeileen-profile-item .frankeileen-profile-col-1,
.frankeileen-elementor-staff-profiles.no-tabs .frankeileen-profile-item .frankeileen-profile-col-2 {
	padding-left: 0;
	padding-right: 0;
}

.profile-portrait .frankeileen-portrait-img {
	display: block;
}

.frankeileen-elementor-staff-profiles .profile-name,
.elementor-kit-7 .frankeileen-elementor-staff-profiles .profile-name,
.elementor-kit-7 .frankeileen-elementor-staff-profiles h3.profile-name,
.elementor-kit-7 .frankeileen-elementor-staff-profiles button.tab-button,
.elementor-kit-7 .frankeileen-elementor-staff-profiles button.tab-button .profile-name {
	font-family: "Canela", Sans-serif;
    font-size: 25px;
    font-weight: 500;
	color: var(--e-global-color-text);
	text-transform: none;
}

.frankeileen-elementor-staff-profiles .profile-title,
.elementor-kit-7 .frankeileen-elementor-staff-profiles .profile-title,
.elementor-kit-7 .frankeileen-elementor-staff-profiles h4.profile-title,
.elementor-kit-7 .frankeileen-elementor-staff-profiles button.tab-button .profile-title {
	font-family: "Montserrat", Sans-serif;
	font-size: 16px;
    font-weight: 400;
	text-transform: uppercase;
	color: var(--e-global-color-text);
}

.profile-bio {
	margin: 3vw 0 0 0;
}

.frankeileen-elementor-staff-profiles,
.frankeileen-elementor-staff-profiles .profile-name,
.frankeileen-elementor-staff-profiles .profile-title,
.frankeileen-elementor-staff-profiles .profile-bio {
	text-align: center;
}

.frankeileen-elementor-staff-profiles.use-tabs .tab-content,
.frankeileen-elementor-staff-profiles.use-tabs .tab-content .profile-name,
.frankeileen-elementor-staff-profiles.use-tabs .tab-content .profile-title,
.frankeileen-elementor-staff-profiles.use-tabs .tab-content .profile-bio {
	text-align: left;
}


@media (max-width: 767.98px) {
	.elementor-kit-7 .frankeileen-elementor-staff-profiles .profile-name {
		margin-top: 0 !important;
	}
}

@media (min-width: 768px) {
	
	.frankeileen-elementor-staff-profiles,
	.frankeileen-elementor-staff-profiles .profile-name,
	.frankeileen-elementor-staff-profiles .profile-title,
	.frankeileen-elementor-staff-profiles .profile-bio {
		text-align: left;
	}

	.frankeileen-elementor-staff-profiles.use-tabs .tab-content,
	.frankeileen-elementor-staff-profiles.use-tabs .tab-content .profile-name,
	.frankeileen-elementor-staff-profiles.use-tabs .tab-content .profile-title,
	.frankeileen-elementor-staff-profiles.use-tabs .tab-content .profile-bio {
		text-align: left;
	}
	
	.frankeileen-elementor-staff-profiles.use-tabs .tab-content.no-tabs-on-mobile,
	.frankeileen-elementor-staff-profiles.use-tabs .tab-content.no-tabs-on-mobile.active {
		display: none;
	}
	.frankeileen-elementor-staff-profiles.use-tabs .frankeileen-profile-item.no-tabs-on-mobile {
		display: none;
	}
	
	.frankeileen-elementor-staff-profiles.use-tabs .tabs.tabs-on-tablet {
		display: flex;
	}
	.frankeileen-elementor-staff-profiles.use-tabs .frankeileen-profile-item.tabs-on-tablet.active {
		display: block;
	}
	
	.frankeileen-elementor-staff-profiles.use-tabs .tabs.tabs-width-25 .tab-button {
		flex: 1 0 25%;
		flex-basis: calc(25% - 12px);
	}
	.frankeileen-elementor-staff-profiles.use-tabs .tabs.tabs-width-33 .tab-button {
		flex: 1 0 33%;
		flex-basis: calc(33% - 12px);
	}
	.frankeileen-elementor-staff-profiles.use-tabs .tabs.tabs-width-50 .tab-button {
		flex: 1 0 50%;
		flex-basis: calc(50% - 12px);
	}
	
	.frankeileen-elementor-staff-profiles.no-tabs .frankeileen-profile-item {
		flex-direction: row;
	}
	
	.frankeileen-elementor-staff-profiles.no-tabs .frankeileen-profile-item .frankeileen-profile-col-1 {
		flex-direction: column;
        flex: 1 0 33%;
		flex-basis: calc(33% - 12px);
	}
	
	.frankeileen-elementor-staff-profiles.no-tabs .frankeileen-profile-item .frankeileen-profile-col-2 {
		display: flex;
        justify-content: center;
		flex-direction: column;
    	flex: 0 0 66%;
	}
	
	.frankeileen-elementor-staff-profiles.use-tabs .tab-content .profile-bio {
		max-width: 61vw !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.frankeileen-elementor-staff-profiles.use-tabs .tab-content,
	.frankeileen-elementor-staff-profiles.use-tabs .tab-content .profile-name,
	.frankeileen-elementor-staff-profiles.use-tabs .tab-content .profile-title,
	.frankeileen-elementor-staff-profiles.use-tabs .tab-content .profile-bio {
		text-align: center;
	}
}

@media (min-width: 1024px) {
	.frankeileen-elementor-staff-profiles.use-tabs .tabs.tabs-on-desktop {
		display: flex;
	}
	.frankeileen-elementor-staff-profiles.use-tabs .frankeileen-profile-item.tabs-on-desktop.active {
		display: block;
	}
}