@import url('../default/style.css');

h1 {padding-top:0;}

/* Lista ofert */
.job-offers {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    display: flex;
/*     padding: 20px;
    border: 2px solid #ccc; */
    flex-wrap: wrap;
    /* justify-content: center; */
}

.job-offer {
    margin-right: 20px;
    padding: 25px;
    flex: 0 0 calc(25% - 40px);
    border: 2px solid #ccc;
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    height: 300px;
}

.job-offer:hover, .job-offer-image img:hover {
    cursor: pointer;
}

.job-offer-image {
    width: 100%;
    height: calc(100% - 40px);
}

.job-offer-image img {
    max-width: 180px;
    max-height: 180px;
}

.job-offer-title {
    font-weight: bold;
}

/* Pojedyncze oferty po kliknieciu */

.offer-title {

}

.offer-img {
    width: 100%;
    height: calc(100% - 40px); 
    padding-bottom: 20px;
}

.offer-img img {
    max-width: 180px;
    max-height: 180px;
}

.offer-company-name {
    padding-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
}

.offer-description {

}