/*
 Theme Name:   Plastica Child Theme
 Theme URI:    https://plastica.ancorathemes.com
 Description:  Plastica Child Theme
 Author:       AncoraThemes
 Author URI:   https://ancorathemes.com/
 Template:     plastica
 Version:      1.0.0    
 Tags:         plastic surgery, beauty, medical, cosmetology, skincare, tattoo removal, non-surgery cosmetology, lip augmentation, botox, laser rejuvenation, facelift, rhinoplasty, dentist, braces, weight loss clinic
 Text Domain:  plastica
*/


/* =Theme customization starts here
------------------------------------------------------------ */

/* Algemeen: Container voor de vacaturelijst */
.vacature-lijst {
  display: flex;
  flex-direction: column;
  gap: 20px; /* Ruimte tussen de vacature-items */
}

/* Artikel: Elke vacature-item in twee kolommen */
.vacature-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 8px;
  background-color: #f9f9f9;
}

/* Linkerkolom: Inhoud */
.vacature-content {
  flex: 1;
  margin-right: 20px; /* Ruimte tussen tekst en afbeelding */
}

.vacature-content h2 {
  margin: 0 0 10px;
  font-size: 1.5em;
}

.vacature-button {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 20px;
  background-color: #0073aa;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.vacature-button:hover {
  background-color: #005177;
}

/* Rechterkolom: Afbeelding */
.vacature-image {
  flex: 0 0 150px; /* Vaste breedte voor de afbeelding */
}

.vacature-featured-image {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}

/* Responsief ontwerp */
@media (max-width: 768px) {
  .vacature-item {
    flex-direction: column;
    text-align: center;
  }

  .vacature-content {
    margin-right: 0;
    margin-bottom: 15px;
  }

  .vacature-image {
    flex: none;
  }
}