/*
Theme Name: GeneratePress Job Cards
Theme URI: https://generatepress.com/
Description: GeneratePress child theme with responsive job-card grids for archives, categories, tags, search and blog index.
Author: Custom Child Theme
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-job-cards
*/

/* Job card grid */
body.archive .site-main,
body.search .site-main,
body.blog .site-main,
body.home.blog .site-main {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
body.archive .site-main > .page-header,
body.search .site-main > .page-header,
body.blog .site-main > .page-header,
body.home.blog .site-main > .page-header,
body.archive .site-main > .paging-navigation,
body.search .site-main > .paging-navigation,
body.blog .site-main > .paging-navigation,
body.home.blog .site-main > .paging-navigation,
body.archive .site-main > .no-results,
body.search .site-main > .no-results,
body.blog .site-main > .no-results,
body.home.blog .site-main > .no-results {
  grid-column: 1 / -1;
}
.job-card-entry {
  min-width: 0;
  margin: 0 !important;
  padding: 10px !important;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0,0,0,.17);
  display: flex;
  flex-direction: column;
}
.job-card-entry .inside-article { display:flex; flex:1; flex-direction:column; padding:0 !important; background:transparent !important; box-shadow:none !important; }
.job-card-entry .job-card-title { margin: 6px 6px 12px; font-size: 15px; line-height: 1.45; font-weight: 700; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.job-card-entry .job-card-title a { color:#bd1717; text-decoration:underline; text-decoration-color:#9b9b9b; text-underline-offset:4px; }
.job-card-entry .job-card-title a:hover { color:#8e1111; }
.job-card-meta { display:grid; gap:11px; margin: 5px 5px 17px; font-size:12px; line-height:1.35; }
.job-card-meta-row { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
.job-card-meta-row span { color:#666; flex:0 0 auto; }
.job-card-meta-row strong { color:#111; font-weight:700; text-align:right; overflow-wrap:anywhere; }
.job-card-button { display:block; margin-top:auto; padding:14px 10px; border-radius:5px; background:#bd1717; color:#fff !important; text-align:center; font-size:14px; font-weight:700; text-decoration:none !important; box-shadow:0 3px 9px rgba(189,23,23,.25); }
.job-card-button:hover,.job-card-button:focus { background:#981111; color:#fff !important; }
.job-card-entry .entry-summary,.job-card-entry .entry-content,.job-card-entry .entry-header,.job-card-entry .entry-meta,.job-card-entry .entry-footer { display:none; }
@media (max-width: 900px) {
  body.archive .site-main, body.search .site-main, body.blog .site-main, body.home.blog .site-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
}
@media (max-width: 560px) {
  body.archive .site-main, body.search .site-main, body.blog .site-main, body.home.blog .site-main { grid-template-columns:1fr; gap:12px; }
  .job-card-entry { padding:8px !important; }
  .job-card-entry .job-card-title { margin:5px 4px 10px; font-size:14px; }
  .job-card-meta { margin:4px 4px 14px; gap:10px; font-size:12px; }
  .job-card-meta-row { gap:6px; }
  .job-card-button { padding:12px 6px; font-size:13px; }
}
@media (max-width: 350px) {
  body.archive .site-main, body.search .site-main, body.blog .site-main, body.home.blog .site-main { grid-template-columns:1fr; }
}