/*
***
* Styles for UbicastMediaServerBlock
***
* Block: /src/Plugin/Block/UbicastMediaServerBlock.php
* Template: /templates/ubicast-media-server.html.twig
***
*/

.ubicast-media-server {
  position: relative;
}

.ubicast-media-server .ubicast-media-server__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ubicast-media-server .ubicast-media-server__item {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dfdfdf;
  width: 48%;
}

.ubicast-media-server .ubicast-media-server__item:nth-child(-n + 2) {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.ubicast-media-server .ubicast-media-server__item:nth-child(even) {
  margin-left: 3%;
  padding-left: 1%;
}

@media (max-width: 1279px) {
  .ubicast-media-server .ubicast-media-server__item {
    width: 100%;
  }
}

.ubicast-media-server .ubicast-media-server__anchor {
  float: left;
  outline: none;
  border: none;

  color: currentColor;
}

.no-cursor {
  cursor: default;
}

.ubicast-media-server .ubicast-media-server__thumb {
  display: block;
  float: left;
  width: 180px;
  margin-right: 30px;
}

.ubicast-media-server .ubicast-media-server__title {
  display: block;
  float: right;
  width: calc(100% - 210px);

  color: currentColor;
  font-size: 1.625rem;
  font-family: "Freight Display W01", Times, serif;
  font-weight: bold;

  line-height: normal;
}

/*
***
* Styles for UbicastMediaServerLiveBlock
***
* Block: /src/Plugin/Block/UbicastMediaServerLiveBlock.php
* Template: /templates/ubicast-media-server-live.html.twig
***
*/

.ubicast-media-server-live__badge {
  display: inline-block;
  padding: 4px 10px;

  color: white;
  background-color: #444444;

  text-transform: uppercase;

  text-decoration: none;
  border: 0 none;
}

.ubicast-media-server-live__badge:hover,
.ubicast-media-server-live__badge:focus {
  color: white;
}

.ubicast-media-server-live__badge svg {
  height: 12px;
  width: auto;

  margin-right: 6px;
  vertical-align: -1px;
}

.ubicast-media-server-live__badge span {
  line-height: 12px;
  white-space: nowrap;
}

.ubicast-media-server-live__badge.ubicast-media-server-live__badge-status-planned {
  background-color: #00818a;
}

.ubicast-media-server-live__badge.ubicast-media-server-live__badge-status-ongoing {
  background-color: #fd3232;
}

.ubicast-media-server-live__badge.ubicast-media-server-live__badge-status-finished {
  background-color: #444444;
}

/*
***
* Styles for UbicastMediaServerThumbnailBlock
***
* Block: /src/Plugin/Block/UbicastMediaServerThumbnailBlock.php
* Template: /templates/ubicast-media-server-thumbnail.html.twig
***
*/

.ubicast-media-server__thumb-anchor {
  display: block;

  border: 0 none;
  text-decoration: none;
}

/*
***
* Styles for UbicastMediaServerEmbedBlock
***
* Block: /src/Plugin/Block/UbicastMediaServerEmbedBlock.php
* Template: /templates/ubicast-media-server-embed.html.twig
***
*/

.ubicast-media-server__embed {
  position: relative;
  display: block;
}

.ubicast-media-server__embed iframe {
  border: 0;
}