/*
Theme Name: Careerfy Child
Theme URI: https://careerfy.net/
Template: careerfy
Author: Eyecix
Author URI: http://eyecix.com/
Description: Careerfy brings you the most simple solution to display jobs on any type of websites. You may already know, some really big Job Portals provides the option to use their database and extend your website with job offers. This Theme can make everything automatically, some job providers also pay commission when any of your visitors click on the job links.
Tags: two-columns,left-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 9.7.1.1729167743
Updated: 2024-10-17 14:22:23

*/

Css I style.css

/* =========================================================
   Vardjobb.nu – Utforska arbetsplatser i fokus (slider3)
   Ren version – vitt kort + centrerad logga, ingen coverbild
   ========================================================= */

/* Själva kortet */
.careerfy-sixteen-topcompanies-list figure.vard-topcompany-card {
    position: relative;
    background: #ffffff;
    border-radius: 26px;
    overflow: hidden;
}

/* Övre delen – klickbar yta med loggan */
.careerfy-sixteen-topcompanies-list figure.vard-topcompany-card a.vard-topcompany-cover {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px 20px;
    min-height: 170px;
    border-bottom: 1px solid #eeeeee;
    text-decoration: none;
}

/* Vita “plattan” bakom loggan */
.careerfy-sixteen-topcompanies-list figure.vard-topcompany-card .vard-topcompany-logo {
    background: #ffffff;
    padding: 22px 26px;
    border-radius: 22px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* Själva logotyp-bilden */
.careerfy-sixteen-topcompanies-list figure.vard-topcompany-card .vard-topcompany-logo img {
    display: block;
    max-width: 80%;
    max-height: 110px;
    height: auto;
    width: auto;
    object-fit: contain;
}

/* Textdelen under loggan */
.careerfy-sixteen-topcompanies-list figure.vard-topcompany-card figcaption {
    padding: 24px 24px 30px;
    text-align: center;
}

/* Stad + län – vanlig text (ingen turkos knapp) */
.careerfy-sixteen-topcompanies-list figure.vard-topcompany-card figcaption a:nth-of-type(1) {
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-top: 6px;
    color: #555555 !important;
    font-size: 14px;
    font-weight: 400;
}

/* "X Jobb" – behåll pill-stilen men lite luft uppåt */
.careerfy-sixteen-topcompanies-list figure.vard-topcompany-card figcaption a:nth-of-type(2) {
    margin-top: 8px;
}
/* =========================================================
   Vardjobb – Utforska arbetsplatser i fokus
   Symmetriska kort vid långa namn / stad+ län
   ========================================================= */

/* Gör figcaption till en flex-kolumn så vi kan styra höjderna */
.careerfy-sixteen-topcompanies-list figure.vard-topcompany-card figcaption {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 24px 24px 30px; /* samma som tidigare */
}

/* Titel – reservera plats för upp till ca 2 rader */
.careerfy-sixteen-topcompanies-list figure.vard-topcompany-card figcaption h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 6px;
    min-height: 44px;                  /* "extra rad" för långa namn */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Stad, län – 1–2 rader men samma höjd i alla kort */
.careerfy-sixteen-topcompanies-list figure.vard-topcompany-card figcaption span {
    display: block;
    min-height: 22px;                  /* ger plats för rad 2 om det behövs */
    margin-bottom: 8px;
}

/* Jobb-pill – trycks alltid längst ned i kortet */
.careerfy-sixteen-topcompanies-list figure.vard-topcompany-card figcaption a:nth-of-type(2) {
    margin-top: auto;                  /* fyller ut luft ovanför pillen */
}