/* ARBETSFÖRMEDLINGEN - Mall spellista */

.cms-afplay-playlist {
  padding-top: 2rem;
  padding-bottom: 1.5rem;
}

.cms-afplay-playlist .subheading3 {
  font-weight: 600;
  font-size: 1.375rem;
}

@media (min-width: 768px) {
  .cms-afplay-playlist .subheading3 {
    font-size: 1.5rem;
  } 
}

.cms-afplay-playlist .heading {
  margin-bottom: 1rem;
}

.cms-afplay-playlist .heading:after {
  background-color: inherit;
  content: inherit;
  display: inherit;
  height: inherit;
  margin-top: 30px;
  margin-bottom: 30px;
  width: inherit;
}


.cms-afplay-playlist .ingress {
  margin-top: 0rem;
  padding-bottom: 1rem;
}


@media (min-width: 1200px) {
  .cms-afplay-playlist .af-video-module.lg .multiple .video-container .video {
     max-width: 600px;
     min-width: 600px;
   }
}

/*Large spellista undantag */

.cms-afplay-playlist-large .af-video-module.sm .single .video-container {
  max-width: none !important;
}

.cms-afplay-playlist-large .af-video-module .multiple,
.af-video-module .single {
  max-width: none !important;
}
.cms-afplay-playlist-large .af-video-module.sm .video-container .video {
  max-width: none !important;
}

@media (min-width: 664px) {
  .cms-afplay-playlist-large
    .af-video-module.sm
    .single
    .video-container
    .media-info {
    width: 70% !important;
  }
}

@media (min-width: 1024px) {
  .cms-afplay-playlist .af-video-module .video-container .video {
    width: 100%;
  }
}

/* XXL spellista undantag */

.cms-afplay-playlist-large .af-video-module.lg .video-container .video,
.af-video-module.lg .video-container .media-info {
  max-width: none !important;
}

.cms-afplay-playlist-large .af-video-module.lg .single .video-container {
  max-width: none !important;
  min-width: 100%;
}

.cms-afplay-playlist-large .af-video-module .multiple,
.af-video-module .single {
  max-width: none !important;
}
.cms-afplay-playlist-large .af-video-module.lg .video-container .video {
  max-width: none !important;
}

@media (min-width: 664px) {
  .cms-afplay-playlist-large.af-video-module.lg
    .single
    .video-container
    .media-info {
    width: 100% !important;
  }
}

@media (min-width: 1024px) {
  .cms-afplay-playlist-large .af-video-module .video-container .video {
    width: 100%;
  }
}