/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1787223638
Updated: 2026-08-20 11:00:37

*/

/* Graduates page: year dropdown and name search on one row. */
.tis-alumni-filters {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 16px;
	width: 100%;
}

.tis-alumni-filters > .elementor-widget {
	flex: 1 1 0;
	width: auto;
	max-width: none;
}

.tis-alumni-filters .facetwp-facet {
	margin-bottom: 0;
}

.tis-alumni-filters .facetwp-input-wrap,
.tis-alumni-filters select.facetwp-dropdown,
.tis-alumni-filters input.facetwp-search {
	width: 100%;
	max-width: none;
	min-width: 0;
	box-sizing: border-box;
}

.elementor-kit-56 .tis-alumni-filters select.facetwp-dropdown,
.elementor-kit-56 .tis-alumni-filters input.facetwp-search,
.tis-alumni-filters select.facetwp-dropdown,
.tis-alumni-filters input.facetwp-search {
	height: 52px;
	margin: 0;
	border-width: 1.5px;
	border-style: solid;
	border-color: #3A5348;
	border-radius: 0;
	background-color: #FFFFFF;
	color: #13241C;
	font-family: "GE SS Two", "DIN Next LT Arabic", sans-serif;
	font-size: 15px;
	line-height: 1.4;
	box-shadow: none;
}

.elementor-kit-56 .tis-alumni-filters select.facetwp-dropdown,
.tis-alumni-filters select.facetwp-dropdown {
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 5L7 9.5 11.5 5' fill='none' stroke='%23145C42' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left 16px center;
	background-size: 14px 14px;
	padding: 12px 16px 12px 40px;
}

.tis-alumni-filters .facetwp-icon {
	left: 0;
	right: auto;
	height: 52px;
	opacity: 0.85;
}

.elementor-kit-56 .tis-alumni-filters .facetwp-facet input.facetwp-search,
.tis-alumni-filters .facetwp-facet input.facetwp-search {
	padding: 12px 16px 12px 44px;
	text-align: right;
}

.elementor-kit-56 .tis-alumni-filters select.facetwp-dropdown:focus,
.elementor-kit-56 .tis-alumni-filters input.facetwp-search:focus,
.tis-alumni-filters select.facetwp-dropdown:focus,
.tis-alumni-filters input.facetwp-search:focus {
	outline: none;
	border-color: #145C42;
}

@media (max-width: 767px) {
	.elementor-element.tis-alumni-filters.e-con {
		--flex-direction: column !important;
		flex-direction: column !important;
	}
}

/* Top graduates (أبرز المتخرجين) — hover / tap overlay cards */
.elementor .tis-grad-card {
	position: relative;
	overflow: hidden;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.elementor .tis-grad-card:hover {
	transform: translateY(-4px);
}

.elementor .tis-grad-card__face {
	position: relative;
	z-index: 1;
	width: 100%;
}

.elementor .tis-grad-card__photo img {
	width: 120px !important;
	height: 120px !important;
	object-fit: cover;
	border-radius: 50%;
}

.elementor .tis-grad-card__photo img[src*="tis-main-logo"],
.elementor .tis-grad-card__photo img[src*="logo"] {
	object-fit: contain;
	padding: 8px;
	background: #F4F7F5;
	box-sizing: border-box;
}

.elementor .tis-grad-card__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background: rgba(20, 92, 66, 0.96);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.35s ease, visibility 0.35s ease;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.elementor .tis-grad-card:hover .tis-grad-card__overlay,
.elementor .tis-grad-card.is-open .tis-grad-card__overlay {
	opacity: 1;
	visibility: visible;
}

@media (hover: none) {
	.elementor .tis-grad-card {
		cursor: pointer;
	}
}