/**
 * Scholarship Directory Styles
 */

 /* Override Enfold padding styles */
 #scholarship-filters-color-section.sd-padding--none .content{
    /* padding: 0; */
 }

 #scholarship-directory-color-section.sd-padding--none .content{
    /* padding: 0 0 50px 0; */
 }


.scholarship-directory-container {
	/* width: 100%;
	margin: 0;
	padding: 0; */
	/* let theme control typography */
	/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; */
}

/* Header Section - Enfold Hero Style */
#sd-hero-section {
	/* margin-bottom: 30px; */
}

/* Let Enfold theme styles handle the hero section styling */
#sd-hero-section .sd-description {
	/* margin: 20px 0 0 0;
	font-size: 16px;
	line-height: 1.6;
	opacity: 0.95; */
}

/* Remove custom h1 styles to let theme handle it - theme styles will apply via .est-hero and .est-text--on-dark classes */

/* Search Input - General Styles (works anywhere) */
.sd-search-wrapper {
	/* position: relative;
	max-width: 100%; */
}

.sd-search-input {
	/*width: 100%;
	padding: 15px 50px 15px 20px;
	font-size: 16px;
	border: 2px solid #ccc;
	border-radius: 4px;
	background-color: #ffffff;
	color: #333;
	transition: all 0.3s ease;*/
}

/* Visual styling for search input is controlled by theme */
.sd-search-input::placeholder {
	/* color: #999; */
}

.sd-search-input:focus {
	/* outline: none;
	border-color: #2d5016;
	background-color: #ffffff; */
}

.sd-search-icon {
	/* position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	pointer-events: none;
	color: inherit;
	opacity: 0.7; */
}

/* Search Input - Hero Section Overrides (for dark backgrounds) */
/*#sd-hero-section .sd-search-wrapper {
	margin-top: 20px;
}

#sd-hero-section .sd-search-input {
	border: 2px solid rgba(255, 255, 255, 0.3);
	background-color: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

#sd-hero-section .sd-search-input::placeholder {
	color: rgba(255, 255, 255, 0.7);
}

#sd-hero-section .sd-search-input:focus {
	border-color: rgba(255, 255, 255, 0.6);
	background-color: rgba(255, 255, 255, 0.15);
}

#sd-hero-section .sd-search-icon {
	color: #ffffff;
	opacity: 0.9;
}*/

/* Filter Section */
.sd-filter-section {
	/*background-color: transparent;
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 4px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 0;*/
}

/* Ensure labels align across both columns */
.sd-filter-left .sd-filter-label,
.sd-filter-right .sd-filter-header .sd-filter-label {
	/* margin-top: 0;
	padding-top: 0;
	line-height: 1; */
}

.sd-filter-left {
	/*flex: 0 0 auto;
	width: auto;
	min-width: 250px;
	padding-right: 40px;
	padding-top: 0;
	border-right: none;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;*/
}

.sd-filter-right {
	/*flex: 1 1 auto;
	min-width: 0;
	padding-left: 40px;
	padding-top: 0;
	border-left: none;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;*/
}

/* Show divider only after a filter type is selected */
.sd-filter-section.has-filter .sd-filter-right {
	/*border-left: 1px solid #788760;*/
}

/* Override reset.css styles */
#top .sd-filter-label {
	/* font-weight: normal !important; */
}

/* Filter label visuals handled by theme */
.sd-filter-label {
	/* display: inline-block;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-top: 0;
	color: #333;
	line-height: 14px !important;
	height: auto;
	vertical-align: top; */
}

.sd-filter-dropdown-wrapper {
	position: relative;
	width: 100%;
}

/* Dropdown arrow visuals handled by theme */
.sd-filter-dropdown-wrapper::after {
	/* content: '';
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #5C6B3F;
	pointer-events: none;
	z-index: 1; */
}

/*.sd-filter-dropdown {
	width: 100%;
	padding: 12px 70px 12px 15px;
	font-size: 16px;
	border: none !important;
	border-color: transparent !important;
	border-radius: 4px;
	background-color: #ffffff !important;
	cursor: pointer;
	color: #333;
	box-shadow: none !important;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}*/

/* Override reset.css styles - the box-shadow creates the border effect */
#top#top .sd-filter-dropdown,
#top#top select.sd-filter-dropdown {
	/*border: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
	background-color: #ffffff !important;*/
	/* Ensure the selected text never overlaps our custom triangle */
	/*padding-right: 70px !important;
	box-sizing: border-box;*/
}

.sd-filter-dropdown:focus,
.sd-filter-dropdown:active,
.sd-filter-dropdown:hover {
	/*outline: none;
	border: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
	background-color: #ffffff !important;
	color: #333 !important;*/
}

/* Enfold overrides #top label styles; ensure ours are not bold */
#top#top .sd-filter-label {
	/*font-weight: normal !important;*/
}

.sd-filter-header {
	display: none;
	/*justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 15px;
	margin-top: 0;
	vertical-align: top;*/
}

.sd-filter-header.visible {
	/* display: flex; */
}

.sd-filter-header .sd-filter-label,
.sd-filter-header .sd-reset-filters {
	/*vertical-align: top;
	line-height: 14px !important;*/
}

.sd-reset-filters {
	/*background: none !important;
	border: none !important;
	border-color: transparent !important;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	cursor: pointer;
	padding: 0 !important;
	margin: 0;
	transition: color 0.3s ease;
	box-shadow: none !important;
	line-height: 14px !important;
	vertical-align: top;
	display: inline-block;
	height: auto !important;*/
}

/* Override reset.css styles - the box-shadow creates the border effect */
#top#top .sd-reset-filters,
#top#top button.sd-reset-filters {
	/*border: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
	line-height: 14px !important;
	height: auto !important;*/
}

.sd-reset-filters:hover,
.sd-reset-filters:focus,
.sd-reset-filters:active {
	/*border: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
	color: #2d5016;*/
}

.sd-filter-options {
	/*display: flex;
	flex-wrap: wrap;
	gap: 10px;*/
}

.sd-filter-option {
	/*padding: 10px 20px;
	background-color: transparent !important;
	border: 2px solid #ffffff !important;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	transition: all 0.3s ease;
	display: inline-block;
	color: #333;
	box-shadow: none !important;*/
}

/* Override reset.css styles */
#top#top .sd-filter-option {
	/*border: 2px solid #ffffff !important;
	box-shadow: none !important;
	background-color: transparent !important;*/
}

.sd-filter-option:hover {
	/*border-color: #ffffff !important;
	background-color: #ffffff !important;
	color: #333;
	box-shadow: none !important;*/
}

/* Override reset.css for hover state */
#top#top .sd-filter-option:hover {
	/*background-color: #ffffff !important;
	border-color: #ffffff !important;
	box-shadow: none !important;*/
}

.sd-filter-option.active {
	/*background-color: #ffffff !important;
	color: #333;
	border-color: #ffffff !important;
	box-shadow: none !important;*/
}

/* Override reset.css for active state */
#top#top .sd-filter-option.active {
	/*background-color: #ffffff !important;
	border-color: #ffffff !important;
	box-shadow: none !important;*/
}

/* Scholarships Grid */
.sd-scholarships-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	/*gap: 25px;
	margin-top: 30px;
	max-width: 100%;
	position: relative;*/
}

.sd-scholarship-card {
	display: flex;
	flex-direction: column;
	grid-column: span 1;
	/*background-color: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 25px;
	transition: all 0.3s ease;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: visible;
	z-index: 1;*/
}

.sd-scholarship-card.expanded {
	/*z-index: 5;
	background-color: #ECEAE4;
	border: none;
	box-shadow: none;*/
}

.sd-scholarship-card:hover:not(.expanded) {
	/*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	transform: translateY(-2px);*/
}

.sd-card-content {
	/* cursor: pointer; */
}

.sd-card-title {
	/*margin: 0 0 15px 0;
	font-size: 20px;
	font-weight: 600;
	color: #333;
	line-height: 1.4;*/
}

.sd-read-more {
	/* color: #2d5016;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	cursor: pointer;
	display: inline-block; */
}

.sd-scholarship-card:hover .sd-read-more {
	/* text-decoration: underline; */
}

/* Scholarship Detail View */
.sd-scholarship-detail {
	/* background-color: #ECEAE4;
	border-top: 2px solid #2d5016;
	padding: 25px;
	margin: 0;
	box-sizing: border-box;
	box-shadow: none;
	z-index: 10;
	border-radius: 8px; */
	grid-column: 1 / -1;
	width: 100%;
	display: none;
}

.sd-scholarship-detail:not([style*="display: none"]) {
	display: block;
}

.sd-detail-top {
	/* display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e0e0e0; */
}

.sd-detail-actions-top {
	/* display: flex;
	gap: 15px;
	align-items: center; */
}


.sd-detail-content {
	/* display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px; */
}

.sd-detail-title {
	/* font-size: 28px;
	font-weight: 700;
	color: #333;
	margin: 0 0 30px 0; */
}

.sd-detail-section {
	/* margin-bottom: 30px; */
}

.sd-detail-heading {
	/* font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #333;
	margin: 0 0 15px 0; */
}

.sd-detail-text {
	/* font-size: 16px;
	line-height: 1.6;
	color: #555; */
}

.sd-detail-text p {
	/* margin: 0 0 15px 0; */
}

.sd-deadline {
	/* font-size: 18px;
	font-weight: 600;
	color: #2d5016;
	margin: 0; */
}

.sd-detail-image {
	/* margin: 30px 0; */
}

.sd-detail-image img {
	/* width: 100%;
	max-width: 300px;
	height: auto;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
}

.sd-detail-actions {
	/* display: flex;
	gap: 15px;
	margin-top: 30px; */
}

/* Button visuals are controlled by theme */
.sd-btn,
.sd-btn:hover,
.sd-btn:focus,
.sd-btn:visited,
.sd-btn:active,
a.sd-btn,
a.sd-btn:hover,
a.sd-btn:focus,
a.sd-btn:visited,
a.sd-btn:active {
	/* padding: 12px 30px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-decoration: none !important;
	border-radius: 50px;
	transition: all 0.3s ease;
	display: inline-block;
	text-align: center;
	border: none;
	box-shadow: none !important;
	outline: none !important;
	background-image: none !important;
	background-size: 0 !important;
	background-position: unset !important; */
}

.sd-btn-apply {
	/* background-color: #ECEAE4;
	color: #2d5016;
	border: 2px solid #2d5016 !important; */
}

.sd-btn-apply:hover,
a.sd-btn-apply:hover {
	/* background-color: #2d5016;
	color: #ffffff !important; */
}

.sd-btn-give {
	/* background-color: #2d5016;
	color: #ffffff !important;
	border: 2px solid #2d5016; */
}

.sd-btn-give:hover {
	/* background-color: #1f3a0f;
	border-color: #1f3a0f;
	color: #ffffff !important; */
}

.sd-no-results {
	/* text-align: center;
	padding: 40px;
	color: #666;
	font-size: 18px;
	grid-column: 1 / -1; */
}

/* Loading State */
.sd-scholarships-grid.sd-loading {
	/* opacity: 0.6;
	pointer-events: none;
	position: relative; */
}

.sd-scholarships-grid.sd-loading::after {
	/* content: 'Loading...';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
	color: #666; */
}

/* Pagination */
/* Pagination visuals are controlled by theme */
.sd-pagination {
	/* margin-top: 40px;
	text-align: center; */
}

.sd-pagination-desktop {
	/* display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px; */
}

.sd-pagination-mobile {
	/* display: none; */
}

.sd-page-btn {
	/* width: 48px;
	height: 48px;
	border-radius: 50%;
	border: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	color: #2d5016;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.15s ease;
	box-shadow: inset 0 0 0 2px #2d5016;
	padding: 0; */
}

.sd-page-btn:hover:not(:disabled) {
	/* background: #2d5016;
	color: #ffffff;
	box-shadow: inset 0 0 0 2px #2d5016; */
}

.sd-page-btn:active:not(:disabled) {
	/* transform: scale(0.95); */
}

.sd-page-btn:focus-visible {
	/* outline: 3px solid #93c5fd;
	outline-offset: 2px; */
}

.sd-page-btn:disabled {
	/* opacity: 0.5;
	cursor: not-allowed; */
}

.sd-page-numbers {
	/* display: flex;
	gap: 12px;
	align-items: center; */
}

.sd-page-dot {
	/* width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #d4d4d4;
	cursor: pointer;
	transition: all 0.3s ease;
	display: block; */
}

.sd-page-dot:hover {
	/* background-color: #a0a0a0; */
}

.sd-page-dot.active {
	/* background-color: #2d5016; */
}

.sd-page-btn svg {
	width: 20px;
	height: 20px;
	display: block;
}

/* Load More Button (Mobile) */
.sd-load-more-btn {
	/* background-color: #2d5016;
	color: #ffffff;
	border: none;
	border-radius: 4px;
	padding: 15px 30px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 100%;
	max-width: 300px; */
}

.sd-load-more-btn:hover:not(:disabled) {
	/* background-color: #1f3a0f;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
}

.sd-load-more-btn:disabled {
	/* opacity: 0.6;
	cursor: not-allowed; */
}

.sd-load-more-btn.loading {
	/* position: relative;
	color: transparent; */
}

.sd-load-more-btn.loading::after {
	/* content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	border: 3px solid rgba(255, 255, 255, 0.3);
	border-top-color: #ffffff;
	border-radius: 50%;
	animation: spin 0.8s linear infinite; */
}

@keyframes spin {
	to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Responsive Design */
/*@media (max-width: 1024px) {
	.sd-scholarships-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.sd-title {
		font-size: 32px;
	}
	
	.sd-filter-section {
		flex-direction: column;
	}
	
	.sd-filter-left {
		border-right: none;
		border-bottom: 1px solid #788760;
		padding-right: 0;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	.sd-filter-right {
		padding-left: 0;
		border-left: none;
	}
	
	.sd-scholarships-grid {
		grid-template-columns: 1fr;
	}
	
	.sd-pagination-desktop {
		display: none;
	}
	
	.sd-pagination-mobile {
		display: block;
	}
	
	.sd-detail-content {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	
	.sd-detail-actions {
		flex-direction: column;
	}
	
	.sd-btn {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.scholarship-directory-container {
		padding: 15px;
	}
	
	.sd-header {
		padding: 25px 20px;
	}
	
	.sd-title {
		font-size: 24px;
	}
	
	.sd-filter-section {
		padding: 20px;
	}
}*/
