.dialog-off-canvas-main-canvas {
  background-color: #f5f5f2;
}

article .images img {
     max-width: 300px;
}
 article .images .thumbnails .field {
     float: left;
     margin-right: 20px;
}
 hr {
     clear: both;
     margin: 20px 0;
}
 .field--name-order-items {
     margin-top: 2rem;
}
 .horizontal-tabs-list li.selected a {
     color: black;
}
 .tabledrag-toggle-weight-wrapper button {
     display: none;
}
.video--container {
  width: 640px;
  height: 360px;
}
.audio--container {
  width: 640px;
  height: 28px;
}

.toolbar-tray-horizontal .toolbar-menu-administration {
  background-color: #B40E10;
}

/* make all admin menu items match regardless of children */
 .toolbar-tray-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item {
     background-color: #B40E10;
}

.toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .menu-item:hover,
.toolbar-tray-vertical .toolbar-menu-administration .toolbar-menu .menu-item:focus {
  color: #FFFFFF;
  background-color: #B40E10;
}

.toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .menu-item a:hover,
.toolbar-tray-horizontal .toolbar-menu-administration .toolbar-menu .menu-item a:focus {
  color: #FFFFFF;
  background-color: #B40E10;
}

 .toolbar-icon-codes-partner-syndication-list::before {
    /* Another possible core icon: background-image: url(/core/misc/icons/787878/move.svg);
     */
     background-image: url(../img/menu_icon/share-787878.svg);
}
 .page-node-type-linear-channel .preview-player {
     max-width: 640px;
     margin-bottom: 2em;
}
 .player-container {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     margin-bottom: 2em;
}
 .player-container video, .player-container iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/* Ratings field styles */
 .field--name-field-content-ratings {
     margin-bottom: 2em;
}
 .js-form-item [class$=ratings-system], .js-form-item [class$=ratings-value] {
     display: inline-block;
     margin-right: 1em;
     vertical-align: top;
}
 .multiple-fields-remove-button {
     vertical-align: 1.5em;
}
 .field--name-field-rec-age-range-low, .field--name-field-rec-age-range-high {
     display: inline-block;
     margin-right: 4%;
     width: 45%;
     vertical-align: top;
}
 .js input.form-autocomplete {
     width: 100%;
}
 select[multiple] {
     background-image: none;
     padding: 0;
}
 select[multiple] option {
     padding: 0.2em 0.5em;
}
 #edit-group-rights-groups select[multiple] {
     height: 17em;
}
 div[class*="field-enabled-platforms"] {
     display: none;
}
 .element--none {
     display: none;
}
 .element--invisible {
     visibility: hidden;
}
/* Hide pieces of the rich title field we don't care about */
 .form-item-field-rich-title-0-format, #edit-field-rich-title-0-format-help {
     display: none;
}
 #edit-field-rich-title-0-format {
     border: none;
     padding: 0;
}
 #edit-field-rich-title-0-format .filter-guidelines-item {
     margin-top: 0.25em;
}
/* hide create account links */
 .block-user-login-block .user-login-form + .item-list > ul > li:first-child {
     display: none;
}
 #block-ottera-admin-primary-local-tasks a[href*='user/register'] {
     display: none;
}

.import-required {
  color: red;
  font-weight: bold;
  font-size: 1.25rem;
}

 html {
     font-family: futura,arial,sans-serif;
     font-weight: 300;
}
 body {
     font: 300 81.3%/1.538em futura,arial,sans-serif;
}

 .toolbar {
     font-family: futura,arial,sans-serif;
}
 .toolbar .toolbar-bar {
     background-color: #B40E10;
}

.toolbar-tray {
  background-color: #B40E10;
  border-top: solid thin white;
}

 a, .link {
     color: #bd080d;
}
 .button {
     border-width: 1px;
     border-style: solid;
     background-image: none;
     background-color: #fff;
}
 .button:hover {
     background-image: none;
     background-color: #f5f5f2;
     box-shadow: none;
}
 .button--primary {
     border-color: #bd080d;
     background-color: #bd080d;
     background-image: -webkit-linear-gradient(top, #bd080d, #bd080d);
     background-image: linear-gradient(top, #bd080d, #bd080d);
     text-shadow: none;
}

.button--danger {
  transition: background-color 0.1s, color 0.1s !important;
  display: inline-block;
  padding: 4px 1.5em;
  cursor: pointer;
  -webkit-transition: all 0.1s;
  border: 1px solid #a6a6a6;
  border-radius: 20em;
  background-color: #f2f1eb;
  background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
  background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
  text-decoration: none;
}

.button--danger:hover {
  background-color: #f2f1eb;
  background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
  background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
  padding: 4px 1.5em;
  border: 1px solid #a6a6a6;
  text-decoration: none;
}

.content-header {
     background-color: #f5f5f2;
}
.pager__item--next a, .pager__item--last a, .pager__item--first a, .pager__item--previous a {
     color: #bd080d;
}
 th.is-active > a:after {
     border-bottom-color: #bd080d
}
 .pager__item.is-active a {
     color: #bd080d;
      border-bottom-color: #bd080d;
}

.pager__item a:hover, .pager__item a:focus,
.pager__item--next a:hover, .pager__item--last a:hover, .pager__item--first a:hover, .pager__item--previous a:hover {
     color: #bd080d;
     border-bottom-color: #bd080d;
}
 nav.toolbar {
     box-shadow: none
}
 @media screen and (-webkit-min-device-pixel-ratio: 0) {
     select {
       /*border: 0;*/
       background: url(/core/misc/icons/333333/caret-down.svg) no-repeat 99% 63%, -webkit-linear-gradient(top, #f5f5f2, #f5f5f2);
    }
     select:hover {
         box-shadow: none;
    }
     select:not([multiple]):focus, select:not([multiple]):hover {
         background-image: url(/core/misc/icons/333333/caret-down.svg), -webkit-linear-gradient(top, #e3e3e3, #e3e3e3);
    }
}
 .toolbar-horizontal .toolbar-tray {
     box-shadow: none;
     border-bottom: 0;
}

.toolbar .toolbar-tray a,
.toolbar .toolbar-tray a.is-active,
.toolbar .toolbar-menu li a {
  color: #FFFFFF;
}
.toolbar .toolbar-menu li,
.toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
  border-left: none;
  border-right: solid thin #ddd;
}

 .button--primary:hover {
     border-color: #a90509;
     background-color: #a90509;
     background-image: linear-gradient(to bottom, #a90509, #a90509);
     box-shadow: none;
}
 thead th {
     border-width: 0
}
 th.is-active > a {
     color: #a90509
}
 th > a:hover:after, th > {
     border-bottom-color: #bd080d
}
 tbody tr:hover {
     background: #f9f9f7;
}
 thead > tr {
     border-bottom-width: 0
}

.toolbar .toolbar-menu,
.toolbar .toolbar-tray-horizontal,
.toolbar .toolbar-toggle-orientation {
  background-color: #B40E10;
}
.toolbar .toolbar-toggle-orientation .toolbar-lining {
  background-color: #B40E10;
}

.toolbar-horizontal {
 border-left-width: 0;
}

.toolbar .toolbar-tray-vertical {
  border-right: none;
  background-color: #B40E10;
  box-shadow: none;
}

 .toolbar-tray-horizontal .menu-item:hover {
   background-color: #FFFFFF;
   color: #B40E10;
}

 .toolbar-tray a:hover {
     color: #FFFFFF;
}
 .toolbar-tray a:hover, .toolbar-tray a:active, .toolbar-tray a:focus, .toolbar-tray a.is-active {
     text-decoration: none
}
 a:hover, .link:hover, a:focus, .link:focus {
     text-decoration: none;
}
.toolbar .toolbar-box {
  background-color: #B40E10;
}

 .toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a {
     color: #FFFFFF;
}
 .toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
     background-image: none;
}
 .toolbar .toolbar-bar .toolbar-tab > .toolbar-item:hover {
     background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.125) 200%, transparent 200%);
}
 .toolbar .toolbar-item:hover, .toolbar .toolbar-item:focus {
     text-decoration: none;
}
 .toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
     border-left: 0;
}
 .toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
     background-color: #B40E10;
}
 .js .dropbutton-multiple .dropbutton-widget {
     /*border-width: 0;*/
     background-image: none;
   background-color: white;
}
 .js .dropbutton-widget {
     /*border-width: 0;*/
}
 .tabs__tab {
     background-color: transparent;
}
 .tabs.primary .tabs__tab.is-active {
     background-color: #ffffff;
}

th > a:hover, th > a:focus, th.is-active > a:hover, th.is-active > a:focus {
  color: #a90509;
}

th > a:hover:after, th > a:focus:after, th.is-active > a:hover:after, th.is-active > a:focus:after {
  border-bottom-color: #a90509;
}

.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:hover, .js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:hover, .js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:hover, .js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:focus, .js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:focus, .js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:focus  {
  background-image: linear-gradient(to bottom, #e3e3e3, #e3e3e3);
  box-shadow: none;
}

.toolbar-tray-horizontal .menu-item--expanded {
  background-color: #B40E10;
}

.toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > a:focus {
  background-image: url('../img/chevron-right.svg');
  background-size: 1rem;
  background-position: calc(100% - 6px) center;
}

.toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
  background-image: url('../img/chevron-right.svg');
  background-size: 1rem;
  background-position: calc(100% - 6px) center;
}

[dir="rtl"] .toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > a:focus {
  background-image: url('../img/chevron-right.svg');
  background-size: 1rem;
}

[dir="rtl"] .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
  background-image: url('../img/chevron-left.svg');
}

@media screen and (min-width: 18.75em) { /* 300px */
  .tabs.primary a {
    background: url(../img/chevron-right.svg) 99% center no-repeat;
  }
  [dir="rtl"] .tabs.primary a {
    background: url(../img/chevron-left.svg) 1% center no-repeat;
  }
  .tabs.primary .tabs__tab.is-active a {
    background-image: none;
  }
}

.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover, .js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
  background-image: none;
  box-shadow: none;
}

.seven-details__summary {
  color: #a90509;
}

.seven-details__summary:hover, .seven-details__summary:focus, .seven-details[open] > .seven-details__summary {
  color: #864849;
}

/* TODO - replace with red icon */
.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:before {
  background-image: url(../img/twistie-down.svg);
}

.toolbar .toolbar-icon.toolbar-handle:before {
  background-image: url(../img/chevron-disc-down.svg);
}

input.form-autocomplete, input.form-text, input.form-tel, input.form-email, input.form-url, input.form-search, input.form-number, input.form-color, input.form-file, input.form-date, input.form-time, textarea.form-textarea {
  box-shadow: none;
}

.toolbar-tray-horizontal ul li.menu-item--expanded.hover-intent ul {
  box-shadow: 1px 1px 1px rgba(32,32,32, 0.1);
}

.field--name-field-live-streaming-url .form-item-field-live-streaming-url-0-uri .form-url {
  width: 40em;
}

.field--name-field-live-streaming-url .form-item-field-live-streaming-url-0-uri {
  display: inline-block;
  width: 42em;
  vertical-align: middle;
}

.field--name-field-live-streaming-url .kaltura-link-dialog-container {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.linear-channel-rebuild-form .label-date,
.linear-channel-rebuild-form .label-id {
  color: #666;
}

.linear-channel-rebuild-form #last-rebuild-info {
  color: #666;
  font-size: 93%;
}

.toolbar .toolbar-menu .toolbar-menu a,
.toolbar .toolbar-bar .toolbar-icon {
  color: #FFFFFF;
}

.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.toolbar-icon-ottera {
  background: transparent url(../img/ottera-logo-white-sm.png) center center no-repeat;
  display: block;
  height: 2.4375rem;
  background-size: 50px;
  text-indent: 100px;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 20px;
  width: 80px;
}


.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.toolbar-icon-ottera:hover,
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.toolbar-icon-ottera:focus {
  background-image: url(../img/ottera-logo-white-sm.png);
  background-color: transparent;
}

@media screen and (min-width: 768px) {
  .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.toolbar-icon-ottera {
    background-size: 58px;
  }
}

.is-horizontal .tabs.secondary .tabs__tab:hover,
.is-horizontal .tabs.secondary .tabs__tab:focus,
.is-horizontal .tabs.secondary .tabs__tab.is-active {
  border-bottom-color: #650305;
}

.tabs.secondary .is-active a {
  color: #650305;
}

.page-node-type-show .show--season-label {
  font-weight: bold;
  margin: 0.25rem 0;
}

.page-node-type-show .show--episode-list {
  margin: 0;
  padding: 0;
}

.page-node-type-show .show--episode-list li {
  margin-left: 1.25em;
}

.field--type-entity-reference-revisions {
  margin-bottom: 0.5em;
}

/** Push notification node form **/
.field-group-tabs-wrapper .field--name-field-push-recipients {
  display: inline-block;
  width: 180px;
}

.field-group-tabs-wrapper .field--name-field-push-recipients select {
  width: 180px;
}

.field-group-tabs-wrapper .field--name-field-push-recipients-language {
  display: inline-block;
  margin-top: 20px;
  vertical-align: top;
  width: 180px;
}

.field-group-tabs-wrapper .field--name-field-push-recipients-country {
  display: inline-block;
  margin-top: 20px;
  vertical-align: top;
  width: 180px;
}

.field-group-tabs-wrapper .field--name-field-push-recipients-language label {
  display: none;
}

.field-group-tabs-wrapper .field--name-field-push-recipients-country label {
  display: none;
}

.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tooltip .tooltip-text {
  visibility: hidden;
  width: 500px;
  background-color: #f3faef;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -250px;
  word-break: break-all;
}
.tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltip-text{
  visibility: visible;
}

.toolbar .toolbar-bar .toolbar-tab:has(> .codes-dashboard-logo) {
  float: right;
  padding-right: 15px;
}

.codes-dashboard-logo {
  height: 40px;
  width: auto;
}