body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
background-image: url(//fuzehub.com/wp-content/themes/fuzehub/assets/css/images/background.png);
background-size: cover;
background-position: center center;
background-attachment: fixed;
}
.container {
background-color: #fff;
padding: 20px 30px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 1200px;
}
h1 {
color: #333;
text-align: center;
margin: 0; 
}
.header-content {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.nystar-logo {
height: 60px;
margin-right: 15px;
}
.controls {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 20px;
align-items: flex-end;
}
.filter-group {
display: flex;
flex-direction: column;
}
select[multiple] {
height: 150px;
padding: 5px;
border: 1px solid #ddd;
border-radius: 4px;
}
#clearFiltersButton, #refreshButton, #exportButton, #loadLocalFileButton {
padding: 10px 15px;
background-color: #dc3545;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
white-space: nowrap;
}
#clearFiltersButton:hover, #refreshButton:hover {
background-color: #c82333;
}
.bottom-controls {
text-align: right;
margin-top: 20px;
}
#resultsContainer {
max-height: 60vh;
overflow-y: auto;
}
.program-section {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.result-card {
padding: 15px 0;
}
.result-card:last-child {
border-bottom: none;
}
.result-card h3 {
margin: 0 0 5px;
color: #4a4a4a;
}
.result-card p {
margin: 0 0 5px;
font-size: 14px;
color: #666;
}
.hidden {
display: none;
} .result-card {
position: relative;
padding: 15px;
padding-bottom: 50px;
flex: 1 1 45%;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
border: 1px solid #ddd;
border-radius: 8px;
text-decoration: none;
color: inherit;
min-width: 300px;
max-width: 50%;
}
.card-logo {
display: block;
max-width: 100%;
max-height: 80px;
object-fit: contain;
margin: 0 auto 10px auto;
align-self: center;
}
.statewide-icon {
position: absolute;
bottom: 5px;
right: 5px;
width: 40px;
height: 40px;
z-index: 10;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 5px;
padding: 2px;
}
label {
font-size: 1.2rem;
} .hotspot-icon {
position: absolute;
bottom: 5px;
right: 5px; width: 40px;
height: 40px;
z-index: 10;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 5px;
padding: 2px;
}