/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 29 2025 | 13:33:19 */
body {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	min-height: 100vh;
}
[type=button], [type=submit], button {
	border-radius: 4px;
}
main#content {
	flex: 1;
}

.welcome-list ul {
	gap: 10px;
	display: flex;
	flex-direction: column;

	li {

	}

	a {
		padding: 8px 4px !important;
		border: 2px solid #ccc;
	}
}
.fc-event-title {
	white-space: normal !important; /* Allow multi-line text */
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}
.fc-daygrid-event {
	white-space: normal !important;
}



/* Container */
.user-menu-container {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

/* Grid Layout */
.user-menu-grid {
	display: flex;
	gap: 10px;
	flex-direction: column;
}

/* Card Style */
.user-menu-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	justify-content: flex-start;
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 4px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	transition: transform 0.2s, box-shadow 0.2s;
}

/* Hover Effect */
.user-menu-item:hover {
	transform: translateY(-3px);
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
}

/* Icon */
.menu-icon {
	font-size: 24px;
}

/* Label */
.menu-text {
	font-size: 14px;
	font-weight: 600;
	color: var(--e-global-color-text);
}

/* Inactive (Pending Activation) */
.user-menu-item.inactive {
	background: #f8d7da;
	color: #721c24;
	box-shadow: none;
	cursor: default;
}

body.user-not-activated .profile-menu {
	display: none;
}
#users_wrapper {
	display: none;
}
#download-address-table_wrapper label,
#unmarried-members-table_wrapper label,
#users-table_wrapper #users-table_length label {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin: 20px 0;
	gap: 10px;

	select {
		width: 60px;
	}
}

.search-form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0 20px;
}
/* Input field group */
.search-group {
	display: flex;
	flex-direction: column;
	margin-bottom: 12px;
	width: calc(50% - 10px);
}

/* Labels */
.search-group label {
	margin-bottom: 4px;
	color: #333;
	font-size: 1em;
	line-height: 1.5;
}

/* Input fields */
.search-group input,
.search-group select {
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	width: 100%;
	border: 1px solid #666;
	transition: all .3s;
}

/* Button styling */
.search-button {
	display: block;
	width: 100%;
	padding: 8px 12px;
	margin-top: 10px;
	color: white;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	transition: 0.3s;
	border-color: var(--e-global-color-secondary) !important;
	background-color: var(--e-global-color-secondary) !important;
	line-height: 1.5;
}

.search-button:hover {
	background-color: #0056b3;
}
.dataTables_wrapper {
	overflow-x: auto;
	margin-top: 20px;
}
.dt-buttons {
	padding-bottom: 0.755em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 6px;

	.dt-button {
		padding: 4px 12px;
		border: 1px solid var(--e-global-color-secondary) !important;
		border-radius: 4px;
		font-size: 14px;
		transition: 0.3s;
		border-color: var(--e-global-color-secondary) !important;
		color: var(--e-global-color-secondary) !important;
		line-height: 1.5;
		margin: 0;
		background: transparent;
		box-shadow: none;
	}
}
table a {
	color: var(--e-global-color-primary);
}
body .dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 4px 12px;
	border: 1px solid var(--e-global-color-secondary) !important;
	border-radius: 4px;
	font-size: 14px;
	transition: 0.3s;
	border-color: var(--e-global-color-secondary) !important;
	color: var(--e-global-color-secondary) !important;
	line-height: 1.5;
	margin: 0 5px;
	background: transparent !important;
	box-shadow: none;

	&.current {
		background-color: var(--e-global-color-secondary) !important;
		color: #fff !important;
	}
}


.user-info-container {
	word-break: break-all;

	.user-info-list {
		list-style: none;
		padding: 0;
	}
	.user-info-list li {
		padding: 8px 0;
		border-bottom: 1px solid #ddd;
	}
	.user-info-list li:last-child {
		border-bottom: none;
	}
	h3 {
		margin-top: 20px;
	}
	ul {
		padding-left: 20px;
	}
}
.em-item-actions.input {
	display: none;
}
button.jet-form-builder__submit {
	width: 100%;
	border-color: var(--e-global-color-accent) !important;
	color: #fff;
	background-color: var(--e-global-color-accent) !important;
	justify-content: center;
}
button.jet-form-builder-repeater__new,
button.jet-form-builder__next-page {
	width: 100%;
	color: #fff;
	border-color: var(--e-global-color-secondary) !important;
	background-color: var(--e-global-color-secondary) !important;
}
button.jet-form-builder-repeater__remove {
	border-color: var(--e-global-color-secondary) !important;
	color: var(--e-global-color-secondary) !important;
	margin-top: 13px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0;
}
.goBack {
	padding: 0;
	border: none;
	color: var(--e-global-color-secondary) !important;
	background-color: transparent !important;
}
/* body:not(.role-administrator) .dt-buttons {
display: none;
} */
/* body:not(.role-administrator) #download-address-table_wrapper .dt-buttons {
display: block;
} */
.page-id-520 .dt-buttons {
	display: none;
}
button.btn.btn-primary.myBtnm {
	margin-top: 10px;
	color: #5347cd;
	border: 1px solid #5347cd;
}
button.btn.btn-primary.myBtnm:hover {
	background: #5347cd;
	color: #ffffff;
	border: 1px solid #fff;
}
.user_image img {
	width: 200px;
	max-width: 50%;
	aspect-ratio: 1;
	object-fit: contain;
}

.user_img_link {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 8px;
}
.user_icon {
	width: 50px;
	height: 50px;
	object-fit: contain;
	aspect-ratio: 1;
}



.todays-celebrations {
	background: #f8f9fa;
	padding: 20px;
	border-radius: 5px;
	margin: 20px 0;
}

.todays-celebrations h3 {
	margin-top: 0;
	color: #2c3e50;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.birthdays-section,
.anniversaries-section {
	margin-bottom: 20px;
}

.todays-celebrations ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

.todays-celebrations li {
	padding: 8px 0;
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
}

.todays-celebrations li:last-child {
	border-bottom: none;
}

.celebration-image {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 10px;
}

.todays-celebrations a {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
}

.todays-celebrations a:hover {
	color: #0073aa;
}

.eventful {
	position: relative;
}
.em.em-calendar.size-medium .em-cal-body .em-cal-day .em-cal-event, .em.em-calendar.size-small .em-cal-body .em-cal-day .em-cal-event {
	display: block;
	position: absolute;
	left: calc(50% - 14px);
	top: calc(50% - 14px);
	margin: 0;
	z-index: 1;
}
.em.em-calendar .em-cal-body.event-style-pill .em-cal-event>div {
	width: 28px;
	height: 28px;
	font-size: 0;
	border-radius: 50%;
	opacity: 1;
	position: relative;
	padding: 0;
	z-index: 0;
	left: 0;
}
.em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date.em-cal-day-date.colored a {
	color: #000 !important;
	font-weight: bold;
}