@charset "UTF-8";
.view-display-id-episodes_in_serie_list tr.Tallennus,
.view-display-id-current_user_episodes tr.Tallennus,
.view-display-id-current_user_responsibilities_now tr.Tallennus {
  background: rgba(255, 4, 255, 0.4);
}
.view-display-id-episodes_in_serie_list tr.Tallennus:hover,
.view-display-id-current_user_episodes tr.Tallennus:hover,
.view-display-id-current_user_responsibilities_now tr.Tallennus:hover {
  background: rgba(255, 4, 255, 0.5);
}
.view-display-id-episodes_in_serie_list tr.Valmis,
.view-display-id-current_user_episodes tr.Valmis,
.view-display-id-current_user_responsibilities_now tr.Valmis {
  background: rgba(19, 143, 77, 0.4);
}
.view-display-id-episodes_in_serie_list tr.Valmis:hover,
.view-display-id-current_user_episodes tr.Valmis:hover,
.view-display-id-current_user_responsibilities_now tr.Valmis:hover {
  background: rgba(19, 143, 77, 0.5);
}
.view-display-id-episodes_in_serie_list tr.Suunnittelu,
.view-display-id-current_user_episodes tr.Suunnittelu,
.view-display-id-current_user_responsibilities_now tr.Suunnittelu {
  background: rgba(239, 15, 79, 0.7);
}
.view-display-id-episodes_in_serie_list tr.Suunnittelu:hover,
.view-display-id-current_user_episodes tr.Suunnittelu:hover,
.view-display-id-current_user_responsibilities_now tr.Suunnittelu:hover {
  background: rgba(239, 15, 79, 0.75);
}
.view-display-id-episodes_in_serie_list tr.Suunnittelu a,
.view-display-id-current_user_episodes tr.Suunnittelu a,
.view-display-id-current_user_responsibilities_now tr.Suunnittelu a {
  color: white;
}
.view-display-id-episodes_in_serie_list tr.Editointi,
.view-display-id-current_user_episodes tr.Editointi,
.view-display-id-current_user_responsibilities_now tr.Editointi {
  background: rgba(254, 255, 3, 0.6);
}
.view-display-id-episodes_in_serie_list tr.Editointi:hover,
.view-display-id-current_user_episodes tr.Editointi:hover,
.view-display-id-current_user_responsibilities_now tr.Editointi:hover {
  background: rgba(254, 255, 3, 0.7);
}
.view-display-id-episodes_in_serie_list tr.Käyttökielto,
.view-display-id-current_user_episodes tr.Käyttökielto,
.view-display-id-current_user_responsibilities_now tr.Käyttökielto {
  background: black;
  color: white;
}
.view-display-id-episodes_in_serie_list tr.Käyttökielto:hover,
.view-display-id-current_user_episodes tr.Käyttökielto:hover,
.view-display-id-current_user_responsibilities_now tr.Käyttökielto:hover {
  background: black;
}

/* Header region */
header.region-sticky {
  height: auto;
}

header.region-sticky.fixed-state {
  padding-top: 85px;
}

/* Ratsu Branding */
#ratsu__branding {
  text-align: center;
  display: flex;
  align-items: center;
}

#ratsu__branding .ratsu__branding__logo {
  background-image: url("../../ratsu-horse.png");
  width: 77px;
  height: 100px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin: 0 auto;
}

header.region-sticky.fixed-state #ratsu__branding .ratsu__branding__logo {
  width: 70px;
  height: 90px;
}

#ratsu__branding .ratsu__branding__sitename {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 4px;
  margin-right: 1rem;
}

header.region-sticky.fixed-state #ratsu__branding .ratsu__branding__sitename {
  display: none;
}

ul.toolbar-menu span.ratsu-add-content::before {
  background: none !important;
}

/* Episode, speech and insert node view */
article.node--type-episode .field--name-field-episode-asset, article.node--type-speech .field--name-field-episode-asset, article.node--type-insert .field--name-field-episode-asset,
article.node--type-serie .field--name-field-episode-asset, article.node--type-mako .field--name-field-episode-asset {
  display: none;
}
article.node--type-episode .back-button, article.node--type-speech .back-button, article.node--type-insert .back-button,
article.node--type-serie .back-button, article.node--type-mako .back-button {
  text-align: right;
}
article.node--type-episode .asset-data .row, article.node--type-speech .asset-data .row, article.node--type-insert .asset-data .row,
article.node--type-serie .asset-data .row, article.node--type-mako .asset-data .row {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid black;
}
article.node--type-episode .asset-data .row__label, article.node--type-speech .asset-data .row__label, article.node--type-insert .asset-data .row__label,
article.node--type-serie .asset-data .row__label, article.node--type-mako .asset-data .row__label {
  padding: 12px;
  width: 170px;
  background: #ef0f4f;
  font-weight: bold;
  color: white;
  text-align: right;
}
article.node--type-episode .asset-data .row__value, article.node--type-speech .asset-data .row__value, article.node--type-insert .asset-data .row__value,
article.node--type-serie .asset-data .row__value, article.node--type-mako .asset-data .row__value {
  padding: 12px;
  flex: 1;
}
article.node--type-episode .asset-data .row__value audio, article.node--type-speech .asset-data .row__value audio, article.node--type-insert .asset-data .row__value audio,
article.node--type-serie .asset-data .row__value audio, article.node--type-mako .asset-data .row__value audio {
  width: 600px;
  max-width: 100%;
}
article.node--type-episode .asset-data .row__value#asset-audio-element, article.node--type-speech .asset-data .row__value#asset-audio-element, article.node--type-insert .asset-data .row__value#asset-audio-element,
article.node--type-serie .asset-data .row__value#asset-audio-element, article.node--type-mako .asset-data .row__value#asset-audio-element {
  display: flex;
  align-items: center;
}
article.node--type-episode .asset-data .row__value#asset-audio-element #audio-listen-preview, article.node--type-speech .asset-data .row__value#asset-audio-element #audio-listen-preview, article.node--type-insert .asset-data .row__value#asset-audio-element #audio-listen-preview,
article.node--type-serie .asset-data .row__value#asset-audio-element #audio-listen-preview, article.node--type-mako .asset-data .row__value#asset-audio-element #audio-listen-preview {
  margin: 0 15px;
  padding: 10px;
  align-items: center;
  height: auto;
  font-size: 14px;
}
article.node--type-episode .asset-data .field--name-field-showtime-cycle-groups .field--name-field-cycle-rerun .date-recur-occurrences, article.node--type-speech .asset-data .field--name-field-showtime-cycle-groups .field--name-field-cycle-rerun .date-recur-occurrences, article.node--type-insert .asset-data .field--name-field-showtime-cycle-groups .field--name-field-cycle-rerun .date-recur-occurrences,
article.node--type-serie .asset-data .field--name-field-showtime-cycle-groups .field--name-field-cycle-rerun .date-recur-occurrences, article.node--type-mako .asset-data .field--name-field-showtime-cycle-groups .field--name-field-cycle-rerun .date-recur-occurrences {
  display: none;
}

.field--name-field-responsible-persons > .field__item .paragraph--type--person > div {
  display: inline-block;
}
.field--name-field-responsible-persons > .field__item .paragraph--type--person > div:first-child:after {
  content: ", ";
}

.paragraph--type--showtime-cycle-group .field--name-field-responsible-persons .field__items > .field__item .paragraph--type--person > div {
  display: inline-block;
}
.paragraph--type--showtime-cycle-group .field--name-field-responsible-persons .field__items > .field__item .paragraph--type--person > div:first-child:after {
  content: ", ";
}

.back-to-series-link {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media all and (min-width: 960px) {
  .back-to-series-link {
    margin-left: 48px;
    margin-right: 48px;
  }
}

/* Region sticky override */
/* Toolbar */
.toolbar .toolbar-bar {
  background: #ef0f4f !important;
}

.blocktabs ul li {
  padding: 0 !important;
  border-radius: 0;
}
.blocktabs ul li a {
  padding: 10px;
  border-radius: 0;
  border: 2px solid transparent;
  font-weight: 700;
  font-size: 1.125rem;
}
.blocktabs ul li a:focus {
  border-radius: 0;
}
.blocktabs ul li a:hover {
  border-radius: 0 !important;
  border: 2px solid #ef0f4f;
}
.blocktabs ul li.ui-tabs-active {
  background: #ef0f4f;
}
.blocktabs ul li.ui-tabs-active a {
  color: white;
}

/* Login form */
form#user-login-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
form#user-login-form a#edit-sso-login-link {
  background: #EA431B;
  color: white;
  display: flex;
  align-items: center;
  padding: 20px 12px;
  font-size: 1.25rem;
  margin: 50px 0;
}
form#user-login-form .form-item {
  margin: 0;
}
form#user-login-form div#edit-login-description {
  margin-bottom: 10px;
  display: block;
  max-width: 520px;
  font-size: 0.925rem;
  color: grey;
}

/**
 * Front page
 */
.path-frontpage .region-content {
  margin-top: -30px !important;
}

/* Dashboard main search */
.view-dashboard-main-search fieldset[id^=edit-search-text-wrapper] {
  border: none;
  padding: 0;
  margin: 1.2rem 0.5rem 0 0;
}

/**
 * Node edit tabs
 */
/* Work lists */
.view-display-id-selected_person_work_list .view-filters .views-exposed-form div[id^=edit-episode-action-status-by-state], .view-display-id-current_users_all_work .view-filters .views-exposed-form div[id^=edit-episode-action-status-by-state], .view-display-id-current_users_active_work .view-filters .views-exposed-form div[id^=edit-episode-action-status-by-state] {
  margin-top: 0.2rem;
}
.view-display-id-selected_person_work_list tr.Tallennus, .view-display-id-current_users_all_work tr.Tallennus, .view-display-id-current_users_active_work tr.Tallennus {
  background: rgba(255, 4, 255, 0.4);
}
.view-display-id-selected_person_work_list tr.Tallennus:hover, .view-display-id-current_users_all_work tr.Tallennus:hover, .view-display-id-current_users_active_work tr.Tallennus:hover {
  background: rgba(255, 4, 255, 0.5);
}
.view-display-id-selected_person_work_list tr.Tallennus.live-asset-1, .view-display-id-current_users_all_work tr.Tallennus.live-asset-1, .view-display-id-current_users_active_work tr.Tallennus.live-asset-1 {
  background-color: #50C2F7 !important;
}
.view-display-id-selected_person_work_list tr.Tallennus.live-asset-1 a, .view-display-id-current_users_all_work tr.Tallennus.live-asset-1 a, .view-display-id-current_users_active_work tr.Tallennus.live-asset-1 a {
  color: white;
}
.view-display-id-selected_person_work_list tr.Valmis, .view-display-id-current_users_all_work tr.Valmis, .view-display-id-current_users_active_work tr.Valmis {
  background: rgba(19, 143, 77, 0.4);
}
.view-display-id-selected_person_work_list tr.Valmis:hover, .view-display-id-current_users_all_work tr.Valmis:hover, .view-display-id-current_users_active_work tr.Valmis:hover {
  background: rgba(19, 143, 77, 0.5);
}
.view-display-id-selected_person_work_list tr.Suunnittelu, .view-display-id-current_users_all_work tr.Suunnittelu, .view-display-id-current_users_active_work tr.Suunnittelu {
  background: rgba(239, 15, 79, 0.7);
}
.view-display-id-selected_person_work_list tr.Suunnittelu:hover, .view-display-id-current_users_all_work tr.Suunnittelu:hover, .view-display-id-current_users_active_work tr.Suunnittelu:hover {
  background: rgba(239, 15, 79, 0.75);
}
.view-display-id-selected_person_work_list tr.Suunnittelu a, .view-display-id-current_users_all_work tr.Suunnittelu a, .view-display-id-current_users_active_work tr.Suunnittelu a {
  color: white;
}
.view-display-id-selected_person_work_list tr.Editointi, .view-display-id-current_users_all_work tr.Editointi, .view-display-id-current_users_active_work tr.Editointi {
  background: rgba(254, 255, 3, 0.6);
}
.view-display-id-selected_person_work_list tr.Editointi:hover, .view-display-id-current_users_all_work tr.Editointi:hover, .view-display-id-current_users_active_work tr.Editointi:hover {
  background: rgba(254, 255, 3, 0.7);
}
.view-display-id-selected_person_work_list tr.Käyttökielto, .view-display-id-current_users_all_work tr.Käyttökielto, .view-display-id-current_users_active_work tr.Käyttökielto {
  background: black;
  color: white;
}
.view-display-id-selected_person_work_list tr.Käyttökielto:hover, .view-display-id-current_users_all_work tr.Käyttökielto:hover, .view-display-id-current_users_active_work tr.Käyttökielto:hover {
  background: black;
}