/*
Theme Name: APDSC Jobs Child
Template: generatepress
Version: 1.9.0
*/

/* =========================
   HOMEPAGE
========================= */
.apdsc-home-wrap{width:100%;max-width:1400px;margin:0 auto;padding:8px 5px 25px;box-sizing:border-box}
.apdsc-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.apdsc-category-box{background:#fff;border:1px solid #e1e8f0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.06);min-width:0}
.apdsc-category-title{margin:0;padding:8px 10px;background:linear-gradient(135deg,#0b3d91,#1565c0);color:#fff;font-size:18px;line-height:1.25;font-weight:700}
.apdsc-category-title a{color:#fff;text-decoration:none}
.apdsc-post-list{list-style:none;margin:0;padding:0}
.apdsc-post-item{margin:0;padding:0;border-bottom:1px solid #edf1f5}
.apdsc-post-item:last-child{border-bottom:0}
.apdsc-post-link{display:block;padding:7px 8px;color:#202938;text-decoration:none;font-size:15px;line-height:1.4}
.apdsc-post-link:hover,.apdsc-post-link:focus{background:#f2f7ff;color:#0b4ea2}
.apdsc-post-date{display:block;margin-top:2px;color:#7b8794;font-size:11px;line-height:1.2}

/* Header */
.site-header{background:#fff;border-bottom:1px solid #e6ebf1}
.site-header .inside-header{display:flex;align-items:center;min-height:68px;padding-top:7px;padding-bottom:7px}
.site-logo,.site-branding{display:flex;align-items:center}
.site-logo img,.site-logo .header-image,.site-branding img{display:block;max-height:54px;width:auto}
.main-navigation{background:transparent}
.main-navigation .inside-navigation{min-height:54px;display:flex;align-items:center}
.main-navigation .main-nav ul li a{color:#17324d;font-size:15px;font-weight:650;line-height:1.2;padding:9px 13px;margin:3px 2px;border-radius:7px}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li a:focus{color:#0b4ea2;background:#eaf3ff}
.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li.current-menu-ancestor>a,.main-navigation .main-nav ul li.current_page_item>a{color:#fff;background:linear-gradient(135deg,#0b3d91,#1976d2);box-shadow:0 2px 5px rgba(11,61,145,.18)}
.main-navigation .main-nav ul ul{background:#fff;border:1px solid #e0e7ef;border-radius:8px;box-shadow:0 8px 22px rgba(15,23,42,.12);padding:5px}
.main-navigation .main-nav ul ul li a{color:#17324d;background:#fff;margin:1px;padding:9px 12px;border-radius:5px}

/* Article buttons */
.entry-content .wp-block-button,.entry-content a.button,.entry-content a.wp-block-button__link,.entry-content .wp-element-button,.entry-content a[class*="button"]{width:100%;max-width:100%;box-sizing:border-box}
.entry-content .wp-block-button__link,.entry-content .wp-element-button,.entry-content a.button,.entry-content a[class*="button"]{display:block;text-align:center;padding:11px 18px;background:linear-gradient(135deg,#0b3d91 0%,#1565c0 55%,#1976d2 100%);color:#fff!important;border:0;border-radius:6px;box-shadow:0 3px 8px rgba(11,61,145,.20);text-decoration:none;font-weight:600}
.entry-content .wp-block-button__link:hover,.entry-content .wp-element-button:hover,.entry-content a.button:hover,.entry-content a[class*="button"]:hover{background:linear-gradient(135deg,#082f70 0%,#0d47a1 55%,#1565c0 100%);color:#fff!important}

/* Tags */
.entry-meta .cat-links,.entry-meta .tags-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.entry-meta .cat-links a,.entry-meta .tags-links a{display:inline-flex;align-items:center;padding:5px 10px;background:#eef5ff;border:1px solid #cfe0f5;border-radius:999px;color:#185a93;font-size:13px;line-height:1.2;text-decoration:none}
.entry-meta .cat-links a:hover,.entry-meta .tags-links a:hover{color:#fff;background:#1565c0;border-color:#1565c0}

/* Sidebar */
.widget{background:#fff;border:1px solid #e1e8f0;border-radius:8px;padding:0!important;margin-bottom:14px;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.widget-title{display:block;width:100%;box-sizing:border-box;margin:0!important;padding:8px 10px!important;color:#fff!important;background:linear-gradient(135deg,#0b3d91 0%,#1565c0 55%,#1976d2 100%)!important;border-radius:7px 7px 0 0;font-size:18px!important;line-height:1.25;font-weight:700}
.widget>ul{margin:0;padding:8px!important;list-style:none}
.widget ul li{position:relative;margin:3px 0!important;padding:7px 8px 7px 25px!important;background:#f5f8fc;border:1px solid #e8eef5!important;border-radius:5px;line-height:1.4}
.widget ul li:before{content:"›";position:absolute;left:9px;top:50%;transform:translateY(-52%);color:#1565c0;font-size:19px;font-weight:700}
.widget ul li a{color:#235b91;text-decoration:none;font-size:15px;line-height:1.4}
.widget ul li a:hover{color:#0b3d91}
.widget_search{padding:0!important}
.widget_search .search-form{display:flex;gap:6px;padding:10px!important;margin:0}
.widget_search .search-field{min-width:0;width:100%;border:1px solid #d6dee8;border-radius:5px;padding:8px 9px;background:#fff}
.widget_search .search-submit{flex:0 0 auto;padding:8px 13px;border-radius:5px;background:linear-gradient(135deg,#0b3d91,#1976d2);color:#fff;border:0}

/* Footer */
.site-footer{border-top:1px solid #e6ebf1}
.site-info{padding:12px 10px;font-size:13px}
.site-info .copyright-bar{font-size:0}
.site-info .copyright-bar:after{content:"© APDSC.NET — The Latest Jobs News -Government, Private, Software Jobs";font-size:13px;color:#64748b}

/* =========================
   MOBILE
========================= */
@media(max-width:768px){
  .separate-containers .inside-article,
  .separate-containers .comments-area,
  .separate-containers .page-header,
  .separate-containers .paging-navigation,
  .one-container .site-content,
  .inside-page-header{padding:7px!important}

  .site-header .inside-header{
    min-height:58px!important;height:58px!important;
    padding:4px 8px!important;
    display:flex!important;align-items:center!important;
    position:relative!important;
  }
  .site-logo img,.site-logo .header-image,.site-branding img{max-height:44px;width:auto}
  .site-branding{flex:1 1 auto;min-width:0}

  /* Completely remove GeneratePress mobile navigation from the layout.
     This is what eliminates the unwanted second blue bar. */
  .site-header .main-navigation,
  .site-header .main-navigation .inside-navigation,
  .site-header .main-navigation .main-nav,
  .site-header .main-navigation .menu-toggle,
  .site-header .main-navigation .main-nav > ul{
    display:none!important;
  }

  /* One and only one mobile button. */
  .apdsc-mobile-toggle{
    display:flex!important;flex:0 0 44px!important;
    width:44px!important;height:42px!important;
    margin:0 0 0 auto!important;padding:0!important;
    align-items:center!important;justify-content:center!important;
    flex-direction:column!important;gap:5px!important;
    background:linear-gradient(135deg,#0b3d91,#1976d2)!important;
    color:#fff!important;border:0!important;border-radius:7px!important;
    box-shadow:0 2px 6px rgba(11,61,145,.20)!important;
    cursor:pointer!important;
    z-index:100003!important;
  }
  .apdsc-mobile-toggle span{
    display:block!important;width:23px!important;height:3px!important;
    background:#fff!important;border-radius:3px!important;
    margin:0!important;padding:0!important;
  }
  .apdsc-mobile-toggle.is-open{background:#0b3d91!important}
  .apdsc-mobile-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .apdsc-mobile-toggle.is-open span:nth-child(2){opacity:0}
  .apdsc-mobile-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

  /* Mobile menu overlay */
  .apdsc-mobile-panel{
    position:fixed!important;
    top:58px!important;left:8px!important;right:8px!important;
    width:auto!important;
    display:none!important;
    box-sizing:border-box!important;
    padding:7px!important;
    background:#fff!important;
    border:1px solid #dbe5ef!important;
    border-radius:0 0 8px 8px!important;
    box-shadow:0 10px 28px rgba(15,23,42,.20)!important;
    z-index:100002!important;
    max-height:calc(100vh - 66px)!important;
    overflow:auto!important;
  }
  .apdsc-mobile-panel.is-open{display:block!important}
  .apdsc-mobile-menu,.apdsc-mobile-menu ul{
    display:block!important;width:100%!important;
    margin:0!important;padding:0!important;
    list-style:none!important;background:#fff!important;
  }
  .apdsc-mobile-menu li{
    display:block!important;width:100%!important;
    margin:0!important;padding:0!important;
    border-bottom:1px solid #edf1f5!important;
    background:#fff!important;
  }
  .apdsc-mobile-menu li:last-child{border-bottom:0!important}
  .apdsc-mobile-menu a{
    display:block!important;width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;padding:11px 12px!important;
    color:#17324d!important;background:#fff!important;
    border-radius:5px!important;
    font-size:15px!important;line-height:1.3!important;
    font-weight:650!important;text-decoration:none!important;
  }
  .apdsc-mobile-menu a:hover,.apdsc-mobile-menu a:focus,.apdsc-mobile-menu .current-menu-item>a{
    color:#fff!important;
    background:linear-gradient(135deg,#0b3d91,#1976d2)!important;
  }

  .apdsc-home-wrap{padding:6px 4px 18px}
  .apdsc-category-grid{grid-template-columns:1fr;gap:10px}
  .apdsc-category-title{font-size:17px;padding:7px 8px}
  .apdsc-post-link{padding:7px;font-size:14px}

  .widget-area .widget{padding:10px!important}
  .widget-area .widget-title{margin:-10px -10px 8px!important;width:calc(100% + 20px);padding:7px 9px!important}
  .widget-area .widget>ul{padding:0!important}
  .widget-area .widget ul li{padding:7px 7px 7px 24px!important;margin:3px 0!important}
  .widget-area .widget_search{padding:0!important}
  .widget-area .widget_search .search-form{padding:10px!important}
  .site-info{padding:10px 7px}
}
@media(max-width:900px) and (min-width:769px){
  .apdsc-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
/* =========================================
   HOMEPAGE MAIN H1
   ========================================= */

.apdsc-home-title {
    text-align: center;
    color: #123b6d;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
    margin: 10px 0 18px;
    padding: 0;
}

/* Mobile */
@media (max-width: 768px) {

    .apdsc-home-title {
        font-size: 24px;
        line-height: 1.25;
        margin: 8px 4px 14px;
    }

}

/* =========================================================
   APDSC JOB INFORMATION BOX
   Stage 2
   ========================================================= */

.apdsc-job-info {
    margin: 20px 0 28px;
    border: 1px solid #dce5ef;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.07);
}

/* Blue gradient heading */

.apdsc-job-info-heading {
    background: linear-gradient(135deg, #0b3d91, #1565c0);
    color: #ffffff;
    padding: 11px 18px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.4px;
}

/* Information columns */

.apdsc-job-info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

/* Individual information item */

.apdsc-job-info-item {
    padding: 16px 20px;
    background: #f8fafc;
    border-right: 1px solid #e1e8f0;
}

.apdsc-job-info-item:last-child {
    border-right: 0;
}

/* Label */

.apdsc-job-info-label {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

/* Main value */

.apdsc-job-info-value {
    color: #0b3d91;
    font-size: 20px;
    font-weight: 700;
}

/* Mobile */

@media (max-width: 768px) {

    .apdsc-job-info {
        margin: 14px 0 22px;
    }

    .apdsc-job-info-heading {
        padding: 9px 13px;
        font-size: 14px;
    }

    .apdsc-job-info-grid {
        grid-template-columns: 1fr 1fr;
    }

    .apdsc-job-info-item {
        padding: 12px 10px;
    }

    .apdsc-job-info-label {
        font-size: 10px;
    }

    .apdsc-job-info-value {
        font-size: 16px;
    }
}

/* =========================================================
   STAGE 3 - LIVE JOBS HOMEPAGE TABLE
   ========================================================= */

/* One category per row */

.apdsc-category-sections {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.apdsc-category-box {
    width: 100%;
}

/* Category heading */

.apdsc-category-title {
    margin: 0;
    padding: 12px 18px;
    border-radius: 9px 9px 0 0;
    background: linear-gradient(
        135deg,
        #0b3d91,
        #1565c0
    );
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.apdsc-category-title a {
    color: #ffffff;
    text-decoration: none;
}

.apdsc-category-title a:hover {
    color: #ffffff;
}

/* Table outer area */

.apdsc-jobs-table-wrap {
    width: 100%;
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #dce5ef;
    border-top: 0;
}

/* Table */

.apdsc-jobs-table {
    width: 100%;
}

/* Every row */

.apdsc-jobs-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 130px 145px 135px;
    align-items: center;
    border-bottom: 1px solid #e5ebf2;
    background: #ffffff;
    transition: background 0.2s ease;
}

.apdsc-jobs-row:last-child {
    border-bottom: 0;
}

.apdsc-jobs-row:not(.apdsc-jobs-header):hover {
    background: #f5f9ff;
}

/* Header */

.apdsc-jobs-header {
    background: #eef4fb;
    color: #24415f;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Cells */

.apdsc-job-title,
.apdsc-job-title-head,
.apdsc-job-vacancy,
.apdsc-job-vacancy-head,
.apdsc-job-date,
.apdsc-job-date-head,
.apdsc-job-action,
.apdsc-job-action-head {
    padding: 12px 14px;
}

/* Job title */

.apdsc-job-title {
    min-width: 0;
}

.apdsc-job-title a {
    color: #203b56;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
}

.apdsc-job-title a:hover {
    color: #1565c0;
}

/* Vacancies */

.apdsc-job-vacancy {
    color: #334155;
    font-size: 14px;
    font-weight: 600;
}

.apdsc-vacancy-number {
    color: #0b3d91;
    font-weight: 800;
}

/* Last date */

.apdsc-job-date {
    color: #334155;
    font-size: 14px;
    font-weight: 600;
}

/* Action */

.apdsc-job-action {
    text-align: center;
}

/* Click & View button */

.apdsc-view-button {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 6px;
    background: linear-gradient(
        135deg,
        #0b3d91,
        #1565c0
    );
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(11, 61, 145, 0.20);
    transition: all 0.2s ease;
}

.apdsc-view-button:hover {
    background: linear-gradient(
        135deg,
        #082f70,
        #0b5eb7
    );
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* No live jobs */

.apdsc-no-live-jobs {
    padding: 15px 18px;
    background: #ffffff;
    color: #64748b;
    font-size: 14px;
}

/* See All Posts */

.apdsc-see-all-wrap {
    padding: 12px 0 0;
    text-align: right;
}

.apdsc-see-all-button {
    display: inline-block;
    padding: 9px 17px;
    border-radius: 6px;
    background: #ffffff;
    border: 1px solid #1565c0;
    color: #0b3d91 !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.2s ease;
}

.apdsc-see-all-button:hover {
    background: linear-gradient(
        135deg,
        #0b3d91,
        #1565c0
    );
    color: #ffffff !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .apdsc-category-sections {
        gap: 15px;
    }

    .apdsc-category-title {
        padding: 10px 13px;
        font-size: 17px;
    }

    /*
     * Keep the table structure on mobile but make
     * the columns compact.
     */

    .apdsc-jobs-row {
        grid-template-columns: minmax(0, 1fr) 75px 90px 92px;
    }

    .apdsc-job-title,
    .apdsc-job-title-head,
    .apdsc-job-vacancy,
    .apdsc-job-vacancy-head,
    .apdsc-job-date,
    .apdsc-job-date-head,
    .apdsc-job-action,
    .apdsc-job-action-head {
        padding: 9px 7px;
    }

    .apdsc-jobs-header {
        font-size: 10px;
    }

    .apdsc-job-title a {
        font-size: 13px;
        line-height: 1.35;
    }

    .apdsc-job-vacancy,
    .apdsc-job-date {
        font-size: 11px;
    }

    .apdsc-view-button {
        padding: 7px 8px;
        font-size: 10px;
    }

    .apdsc-see-all-wrap {
        padding-top: 9px;
    }

    .apdsc-see-all-button {
        padding: 8px 13px;
        font-size: 12px;
    }
}

/* =========================================================
   STAGE 3B - HOMEPAGE REFINEMENT
   APDSC.NET JOB PORTAL STYLE
   ========================================================= */


/* ---------------------------------------------------------
   CATEGORY SECTION
   --------------------------------------------------------- */

.apdsc-category-sections {
    gap: 24px;
}

.apdsc-category-box {
    border-radius: 9px;
}


/* ---------------------------------------------------------
   CATEGORY HEADER
   --------------------------------------------------------- */

.apdsc-category-title {
    padding: 13px 18px;
    margin-bottom: 0;
    border-radius: 9px 9px 0 0;
    background: linear-gradient(
        135deg,
        #0b3d91 0%,
        #1565c0 55%,
        #1976d2 100%
    );
    box-shadow: 0 2px 5px rgba(11, 61, 145, 0.15);
}

.apdsc-category-title a {
    display: block;
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 700;
}


/* ---------------------------------------------------------
   JOB TABLE
   --------------------------------------------------------- */

.apdsc-jobs-table-wrap {
    border: 1px solid #dce5ef;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.apdsc-jobs-table {
    width: 100%;
}


/* ---------------------------------------------------------
   ROW STRUCTURE
   --------------------------------------------------------- */

.apdsc-jobs-row {
    grid-template-columns:
        minmax(0, 1fr)
        125px
        135px
        125px;

    min-height: 55px;

    border-bottom: 1px solid #e5ebf2;

    transition:
        background 0.18s ease,
        box-shadow 0.18s ease;
}


/* Alternating rows */

.apdsc-jobs-row:nth-child(even):not(.apdsc-jobs-header) {
    background: #f9fbfd;
}


/* Hover */

.apdsc-jobs-row:not(.apdsc-jobs-header):hover {
    background: #eef6ff;
}


/* ---------------------------------------------------------
   TABLE HEADER
   --------------------------------------------------------- */

.apdsc-jobs-header {
    min-height: 42px;

    background: #edf4fb;

    color: #334e68;

    border-bottom: 1px solid #d7e3ef;
}

.apdsc-jobs-header > div {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.4px;
}


/* ---------------------------------------------------------
   JOB TITLE
   --------------------------------------------------------- */

.apdsc-job-title {
    padding: 12px 16px;
}

.apdsc-job-title a {
    display: block;

    color: #203b56 !important;

    font-size: 15px;
    line-height: 1.45;

    font-weight: 600;

    text-decoration: none !important;
}

.apdsc-job-title a:hover {
    color: #1565c0 !important;
}


/* ---------------------------------------------------------
   VACANCIES
   --------------------------------------------------------- */

.apdsc-job-vacancy {
    padding: 10px 12px;

    color: #334155;

    font-size: 14px;
    font-weight: 600;

    border-left: 1px solid #edf1f5;
}

.apdsc-vacancy-number {
    color: #0b3d91;

    font-size: 16px;
    font-weight: 800;
}


/* ---------------------------------------------------------
   LAST DATE
   --------------------------------------------------------- */

.apdsc-job-date {
    padding: 10px 12px;

    color: #334155;

    font-size: 14px;
    font-weight: 600;

    border-left: 1px solid #edf1f5;
}


/* ---------------------------------------------------------
   CLICK & VIEW
   --------------------------------------------------------- */

.apdsc-job-action {
    padding: 9px 12px;

    text-align: center;

    border-left: 1px solid #edf1f5;
}

.apdsc-view-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 100px;

    min-height: 34px;

    padding: 7px 12px;

    border-radius: 6px;

    background: linear-gradient(
        135deg,
        #0b3d91,
        #1565c0
    );

    color: #ffffff !important;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none !important;

    box-shadow:
        0 2px 5px rgba(11, 61, 145, 0.20);

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.apdsc-view-button:hover {
    color: #ffffff !important;

    background: linear-gradient(
        135deg,
        #082f70,
        #0b5eb7
    );

    transform: translateY(-1px);

    box-shadow:
        0 4px 9px rgba(11, 61, 145, 0.28);
}


/* ---------------------------------------------------------
   SEE ALL POSTS
   --------------------------------------------------------- */

.apdsc-see-all-wrap {
    padding: 11px 0 0;

    text-align: right;
}

.apdsc-see-all-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 36px;

    padding: 8px 17px;

    border: 1px solid #1565c0;

    border-radius: 6px;

    background: #ffffff;

    color: #0b3d91 !important;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none !important;

    transition:
        background 0.18s ease,
        color 0.18s ease,
        transform 0.18s ease;
}

.apdsc-see-all-button:hover {
    background: linear-gradient(
        135deg,
        #0b3d91,
        #1565c0
    );

    color: #ffffff !important;

    transform: translateY(-1px);
}

.apdsc-see-all-arrow {
    margin-left: 5px;
    font-size: 15px;
}


/* ---------------------------------------------------------
   NO LIVE JOBS
   --------------------------------------------------------- */

.apdsc-no-live-jobs {
    padding: 16px;

    background: #fafcff;

    color: #64748b;

    font-size: 14px;

    text-align: center;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {


    /* Category spacing */

    .apdsc-category-sections {
        gap: 16px;
    }


    /* Category heading */

    .apdsc-category-title {
        padding: 10px 12px;
    }

    .apdsc-category-title a {
        font-size: 17px;
    }


    /* Table */

    .apdsc-jobs-row {
        /*
         * Title gets the largest available area.
         * Remaining columns stay compact.
         */
        grid-template-columns:
            minmax(0, 1fr)
            64px
            78px
            86px;

        min-height: 0;
    }


    /* Header */

    .apdsc-jobs-header > div {
        padding: 8px 5px;

        font-size: 9px;

        letter-spacing: 0;
    }


    /* Title */

    .apdsc-job-title {
        padding: 9px 8px;
    }

    .apdsc-job-title a {
        font-size: 12.5px;
        line-height: 1.4;
    }


    /* Vacancies */

    .apdsc-job-vacancy {
        padding: 8px 4px;

        font-size: 10px;

        text-align: center;
    }

    .apdsc-vacancy-number {
        font-size: 13px;
    }


    /* Last date */

    .apdsc-job-date {
        padding: 8px 3px;

        font-size: 10px;

        text-align: center;
    }


    /* Action */

    .apdsc-job-action {
        padding: 7px 4px;

        text-align: center;
    }

    .apdsc-view-button {
        min-width: 0;

        width: 100%;

        min-height: 30px;

        padding: 6px 3px;

        border-radius: 5px;

        font-size: 9px;
    }


    /* See All */

    .apdsc-see-all-wrap {
        padding-top: 8px;
    }

    .apdsc-see-all-button {
        min-height: 32px;

        padding: 7px 12px;

        font-size: 11px;
    }
}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

    .apdsc-jobs-row {
        grid-template-columns:
            minmax(0, 1fr)
            58px
            73px
            80px;
    }

    .apdsc-job-title a {
        font-size: 12px;
    }

    .apdsc-job-vacancy {
        font-size: 9px;
    }

    .apdsc-vacancy-number {
        font-size: 12px;
    }

    .apdsc-job-date {
        font-size: 9px;
    }

    .apdsc-view-button {
        font-size: 8.5px;
    }
}