.sfdc-job-board {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
margin: 0 auto;
padding: 20px;
max-width: 1200px; } .sfdc-job-card {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 80%; border: 1px solid #ddd;
padding: 15px;
margin-bottom: 20px;
border-radius: 5px;
background-color: #fff;
text-align: left;
background: #f9f9f9;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.sfdc-job-card h3 {
margin-top: 0;
color: #0073aa;
cursor: pointer;
}
.sfdc-job-card:hover {
transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); }
.sfdc-job-card .job-location {
font-size: 14px;
color: #666;
}
.sfdc-job-card .job-description-preview {
font-size: 14px;
color: #444;
margin-bottom: 10px;
} .sfdc-job-board .job-actions {
display: flex;
gap: 15px; margin-top: 15px; justify-content: flex-start; } .sfdc-job-board .job-actions .view-job-button,
.sfdc-job-board .job-actions .apply-job-button {
background-color: #0073aa !important; color: #fff !important; border: none !important; padding: 12px 20px !important; border-radius: 5px !important; font-size: 16px !important; font-weight: bold !important; cursor: pointer !important; display: inline-block !important; text-align: center !important; text-decoration: none !important; box-sizing: border-box !important; transition: all 0.3s ease !important; } .sfdc-job-board .job-actions .view-job-button:hover,
.sfdc-job-board .job-actions .apply-job-button:hover {
background-color: #005f8b !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important; } .sfdc-job-board .job-actions .view-job-button:active,
.sfdc-job-board .job-actions .apply-job-button:active {
transform: translateY(1px) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; } .job-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%; max-width: 800px; background: rgba(255, 255, 255, 1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 9999;
border-radius: 5px;
display: none;
overflow-y: auto; max-height: 80%; }
.modal-content {
padding: 20px;
border-radius: 5px;
position: relative;
}
.sfdc-job-board #gform_wrapper_5 {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.job-modal .gform_container {
display: block; } .close-button {
background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 8px 12px; font-size: 14px; font-weight: bold; cursor: pointer; text-align: center; display: inline-block; transition: background-color 0.3s ease; } .close-button:hover {
background-color: #005f8b; } .modal-content .close-button {
float: right; margin: -10px -10px 10px 0; } @media (max-width: 768px) {
.job-modal {
width: 95%; max-width: none; max-height: 90%; }
.modal-content {
padding: 15px; }
.sfdc-job-card {
width: 90%; }
}