/* #minutes-container {} */
html, body {
    margin: 0;
    padding:0;
}

body {
    padding-bottom: 300px;
    font-family: -apple-system, BlinkMacSystemFont,
        "Segoe UI", "Roboto", "Oxygen",
        "Ubuntu", "Cantarell", "Fira Sans",
        "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 16px;
    background: #fff;
    float: left;
    width: 100%;
}

video {
  width: 100%    !important;
  height: auto   !important;
}

.fb-video {
    position: relative;
}

.fb-video iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

#scoreboard-main.open-stats #stats-article-scoreboard #stats-toggle {
  display: block;
  float: left;
  width: 100%;
}

a {
    color: #2b7bb9;
}

.publish-dates{
    font-size: .7em;
    margin-bottom: 5px;
}

.new-update {
    display: none;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 15px;
    background: #5f5f5f;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 20px;
    box-sizing: border-box;
    margin: 3px auto -35px;
    padding: 7px 13px;
    line-height: 20px;
    height: 35px;
    width: 120px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 100;
}
.new-update--active {
    display: block;
    animation: fadeIn 1s;
}

/* main containers */
.page-width {
  max-width: calc(1280px - 231px);
  margin: 0 auto;
  padding: 30px;
  box-sizing: border-box;
  width: 100%;
}
.left-column {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}
.right-column {
    min-width: 216px;
    float: right;
    text-align: center;
    font-size: 12px;
    background: #fbfbfb;
    border: 1px solid #ddd;
    margin: 0 auto;
    box-sizing: border-box;
    color: #ddd;
    font-size: 10px;
    text-align: right;
    padding: 7px;
    height: 114px;
    display: none;
}

#scoring-summary {
    float: left;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #ddd;
    clear: left;
}
.mlb #scoring-summary, .nba #scoring-summary, .cbk #scoring-summary, .wcbk #scoring-summary {
    display: none;
}

#summary-collapse {
    width: 100%;
    text-align: center;
    float: left;
    padding: 7px 0;
    background: #ffffff;
    font-size: 14px;
    display: none;
    position: relative;
    cursor: pointer;
    border-top: 1px solid #ddd;
}
#content-container {
  background-color: #ececec;
}
#content-container, #scoreboard {
    max-width: 800px;
    float: right;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}
#scoreboard-main {
    width: 100%;
    float: left;
    border-right: 0;
    border-left: 0;
}
#scoreboard {
    box-sizing: border-box;
    padding-bottom: 19px;
    background: #f5f6f7;
    border-bottom: 1px solid #ddd;
}
#scoring-summary #summary-collapse:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 7px solid #6b6b6b;
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: center 3px;
    -webkit-transition: all .18s cubic-bezier(0.4, 0, 1, 1);
    border-top-color: #757575;
    display: inline-block;
    position: relative;
    top: 4px;
    left: 2px;
}
#minutes-river {
    padding: 15px 10px 30px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    background: #e6e6e6;
    background: #ececec;
}
#statstable {
  float: left;
  padding: 15px 10px 30px;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 10px 30px;
  background: #ececec;
}
#river-load {
  display: block;
  clear: both;
}
/* end main containers */

/* page header */
#header {
    position: relative;
    line-height: 110px;
    padding: 0;
    height: 110px;
    width: 100%;
    float: left;
    border-bottom: 8px solid;
    box-sizing: border-box;
}
#header img {
  position: relative;
}
#header .page-width {
  position: relative;
}
.home-nav img {
    width: 100%;
}
.home-nav {
    width: 247px;
    display: block;
    margin: 0 auto;
    float: left;
}
a.advert {
    display: block;
    float: right;
    width: 66px;
    position: absolute;
    top: -2px;
    right: 8px;
}
.advert img {
    width: 100%;
}
/* end page header */


/* article header */
.header-clip {
    width: 100%;
    float: left;
    background: #fff;
}
.header-clip .page-width {
    padding-top: 0;
    padding-bottom: 0;
}
.header-container {
    position: relative;
    -webkit-font-smoothing: antialiased;
}
.mid-right-left-column {
    width: calc(100% - 180px);
    float: right;
    max-width: 1280px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    padding: 0 11px;
    flex-wrap: wrap;
    box-sizing: border-box;
    background: #fff;
}
.le-item {
    background: rgba(0, 0, 0, 0.45);
    width: 166px;
    float: left;
    margin-left: 21px;
    font-size: .94em;
    word-break: break-word;
    text-overflow: ellipsis;
    max-height: 100px;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
}
.mid-right-right-column {
    float: right;
    position: relative;
    display: flex;
    align-items: stretch;
    display: none;
}
.header-title-container {
    float: left;
    padding: 20px 0 16px;
}
.header-title {
    font-weight: 700;
    margin: 0px 0 0px;
    line-height: 1.6em;
    font-size: 1.64em;
}
.author-pic {
    float: left;
    width: 48px;
    height: 45px;
    background: #868c88;
    margin-right: 10px;
    display: none;
}
.author-info {
    display: inline-block;
    font-weight: 100;
    padding: 0;
    font-size: 0.79em;
    line-height: 1.6em;
    position: relative;
}
.author-info .ai-sub {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-weight: 400;
    color:  #4e4e4e;
    margin-right: 5px;
}
.le-item:hover {
    background: rgba(0,0,0,.6);
}
.author-extra {
    border-radius: 4px;
    color: #5d95b1;
    text-decoration: underline;
    display: block;
    margin: 0 3px;
    font-weight: bold;
}
.author-extra:hover {
    opacity: 1;
}
.author-extra img {
    width: 16px;
    margin-right: 0px;
}
.author-image {
    display: flex;
    align-items: center;
}
.header-author {
    display: inline-block;
    margin-left: 5px;
    margin-right: 0px;
}
.header-byline__label,
.header-byline__toggle-more {
    font-size: .8em;
    font-weight: bold;
    padding: 0 5px 2px 0;
}
.header-byline__label {
    display: inline-block;
    vertical-align: super;
}
.header-byline__toggle-more {
    display: none;
    color: #0088ee;
    cursor: pointer;
}
.header-byline__label + .header-author,
.header-author + .header-toggle-more {
    margin-left: 0;
}
.multi-author .header-author {
    display: inline-block;
}
.multi-author .header-author:not(:last-child):after {
    content: '|';
    vertical-align: super;
}
.header-toggle-checkbox:checked ~ .header-author {
    display: block;
}
.header-title-container {
    width: 100%;
}
/* end article header */

.minutes-loading__spinner {
    display: none;
    position: relative;
    height: 100px;
}
.minutes-loading__spinner--spin {
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    padding-top: 0;
    width: 50px;
    height: 50px;
    display: block;
}
.minutes-loading__spinner--path {
    stroke: #999;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

.minutes-stream__label--h {
    padding: 0 10px;
    margin: 20px 0 0;
}

.minutes-icon {
    width: 18px;
    height: 18px;
    margin: 0 3px;
    fill: #fff;
    position: relative;
}
.icon-shadow {
    position: absolute;
    top: 8px;
    fill: #000;
    left: 6px;
}
.page-social .mts-action .minutes-icon {
    width: 16px;
    height: 16px;
    position: relative;
    fill: green;
    fill: #fff;
    transition: all 300ms ease;
}
.share-close {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
    color: #fff;
    padding: 22px 29px;
    cursor: pointer;
}
.active .share-close {
    display: block;
}
.share-page.mts-action {
    background: #da0000;
}
.share-text .minutes-icon {
    top: 1px;
    left: -2px;
}
.share-page .minutes-icon {
    -webkit-transform: scale(1);
    cursor: pointer;
}
.page-social.small-col {
    padding: 10px 5px 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
    align-items: baseline;
    justify-content: flex-start;
}
.share-page .share:hover, .share-page .share:active {
    -webkit-transform: scale(1.1);
}
.share-text {
    /* border: 1px solid #a9a9a9; */
    float: left;
    box-sizing: border-box;
    padding: 5px 8px 5px 5px;
    display: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.share-page {
  width:initial;
  border: none;
  padding: 0;
}
.mr-item .share-options .share {
    margin: 20px 10px 0;
}
.page-social.small-col {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  align-items: flex-end;
}
.share-page.active .share-options {
}
.share-page .share-options {
  background: rgba(0, 0, 0, 0.61);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  align-items: center;
  justify-content: center;
  left: 0;
  display: flex;
}
.share-page.active .share-options .minutes-icon {
  width:40px;
  height: 60px;
  padding: 14px 13px;
  /* margin:0 11px; */
  height: 40px;
}
#summary-collapse span.tap-ss {
  display:none;
}
#summary-collapse span.click-ss {
  display:inline-block;
}
#summary-collapse span {
    color: #4e4e4e;
    font-weight: 700;
    font-size: 12px;
}

/* scoreboard placeholder */
#scoreboard div:only-child.score-placeholder {
  display: block;
}
.score-placeholder {
  display: none;
  padding: 10px;
  border-top: 1px solid #ddd;
}
.score-placeholder__row {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 35% auto 35%;
  grid-template-rows: auto;
}
.score-placeholder__row:nth-of-type(2) {
  padding: 15px 0 0;
  margin-top: 15px;
  height: 35px;
}
.score-placeholder__row:nth-of-type(2) span {
  height: 35px
}
.score-placeholder__row:nth-of-type(3) {
  margin: 0;
  padding: 0;
}
.score-placeholder span,
.score-placeholder--fill {
  background-color: #fff;
  opacity: 0.5;
}
.score-placeholder span {
  display: inline-block;
  height: 20px;
  min-width: 50%;
}
.score-placeholder span:after {
    content: '\0000a0';
}
.score-placeholder__message {
  grid-column-start: span 3;
  color: #c1c1c1;
  font-size: 10pt;
  text-align: center;
  vertical-align: middle;
}
.score-placeholder__status,
.score-placeholder__score {
  text-align: center;
}
.score-placeholder__date,
.score-placeholder__away {
  text-align: right;
}
.score-placeholder__score span {
  min-width: 40%;
}

/* minutes-nav */
#scoreboard-sel {
    width: 100%;
    margin-top: 15px;
    display: flex;
    z-index: 1;
    position: relative;
    box-shadow: 0px 4px 0px 0px #fff;
    box-shadow: 0px 3px 2px -1px rgba(0, 0, 0, 0.25);
}
.sel-tab {
    float: left;
    margin: auto;
    flex-grow: 1;
    flex-basis: 100%;
}
.sel-tab:nth-child(1) label:before {
    content: "";
    width: calc(100% - 8px);
    height: 36px;
    position: absolute;
    bottom: 4px;
    left: calc(100% + 4px);
    -webkit-transition: all .2s ease-in-out;
    z-index: 0;
    box-shadow: 0px 3px 1px -1px rgba(0, 0, 0, 0.13);
}
.sel-tab.tab-active:nth-child(1) label:before {
    left: 4px;
}
.sel-tab:first-child {
    border-right: none;
    border-right: 1px solid #ddd;
}
.sel-tab {
    position: relative;
}
.sel-tab label {
    width: 100%;
    display: block;
    text-align: center;
    cursor: pointer;
    font-size: 1em;
    border-top: 1px solid #ddd;
    -webkit-transition: all .18s ease;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #fff; */
    /* box-shadow: 0px -5px 0 0px rgba(0, 0, 0, 0.41) inset; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.sel-tab span {
    z-index: 2;
    position:relative;
}
.sel-tab.tab-active:before {
    content: "";
    width: 0;
    height: 0;
    border: 11px solid transparent;
    border-bottom: 11px solid #e6e6e6;
    position: absolute;
    bottom: 0;
    left: calc(50% - 11px);
    display: none;
}
.sel-tab.tab-active:before {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #f1f1f1;
    position: absolute;
    bottom: 0;
    display: none;
}


.tab-active.sel-tab label {
    color: #ffffff;
}
.mts-action {
    text-transform: uppercase;
    font-size: 13px;
    margin: 0px 1px 0px;
    color: #ffffff;
    border-radius: 2px;
    cursor: pointer;
    box-shadow: 0px 2px 3px -1px black;
    float: left;
    position: relative;
}
.mts-action, .msg-opt {
    -webkit-transition: all 300ms ease;
}
.mts-action, .msg-opt, .tab-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mts-action:active, .msg-opt:active {
    box-shadow: 0px 2px 9px -1px rgba(0, 0, 0, 0.51);
}
.mts-action.sel-tab span {
    background: rgb(9, 148, 9);
    padding: 7px 9px;
    border-radius: 1px;
    color: #fff;
    font-size: 11px;
    background: #1b981b;
}
.mts-action .comment-toggle {
    /* color: #437d43; */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px 5px 5px;
}
.sel-tab.mts-action:active label span {
    position: relative;
    top: 1px;
}
/* end minutes-nav */


/* responsive design */
/* 375 | 600 979 | 980 */
@media(max-width: 1280px) {
    body .page-width {
        max-width: 934px;
        padding: 19px 25px;
    }
    body .left-column {
        max-width: 934px;
        width: 100%;
    }
    body .right-column {
        float: left;
        width: 100%;
        height: 37px;
        background: #3d3d3e;
        bottom: 0;
        box-sizing: border-box;
        height: 100px;
        display: none;
    }
    body #content-container, #scoreboard {
        max-width: 680px;
    }
}

@media(min-width:935px) {
    body #scoring-summary-container {
      display:block;
    }
    .no-events-yet {
      display:none;
    }
    body .share-page.mts-action {
      margin-bottom: 18px;
    }
}

#scoring-summary-collapse:checked + #summary-collapse span.show-ss,
#scoring-summary-collapse + #summary-collapse span.hide-ss {
    display:none;
}
#scoring-summary-collapse + #summary-collapse span.show-ss,
#scoring-summary-collapse:checked + #summary-collapse span.hide-ss {
    display:inline-block;
}

#summary-collapse {
  display:none;
}
#scoring-summary .tab-toggle-content:checked ~ #summary-collapse:after {
    -webkit-transform: rotate(180deg);
}
.tab-minimize-content:checked ~ #scoring-summary-container {
     max-height: 0px;
     -webkit-transition: 3s cubic-bezier(0.47, 0.78, 0.58, 0.99)
}

body #scoring-summary-container {
     max-height: 0px;
     -webkit-transition: initial;
     font-size: .8em;
}

/* override for stats; hide date */
#stats-main #game-desc span[data-bind-game=date] {
  display: none;
}

@media (max-width: 934px) {
    #summary-collapse {
      display:block;
    }
    body .mts-action.comment-click {
      float: right;
    }
    body .tab-minimize-content ~ #scoring-summary-container {
        -webkit-transition: max-height 10s cubic-bezier(0.07, 1.1, 0.76, 1);
        overflow: hidden;
        max-height: 1000px;
    }
    #scoring-summary-collapse ~ .tab-content {
        display: none;
    }
    body #scoring-summary {
        float: right;
        width: 100%;
        overflow: hidden;
    }
    body .page-width {
        max-width: 680px;
        padding: 15px;
    }
    body #content-container, body #scoreboard, body .small-col {
        width: 100%;
        max-width: initial;
    }
    body #scoring-summary #summary-collapse {
        display:block
    }

    /* stats.css */
    body .gu-item .summary-image {
        /* flex-wrap: nowrap; */
        flex-direction: initial;
        /* align-items: center; */
        width: initial;
        margin-right: 10px;
    }
    body #game-update .gu-item span.summary-text {
        align-items: center;
        margin-left: 0;
    }
    body #game-update .gu-item {
        margin-bottom: 0px;
    }
    body .gu-item .summary-image img {
        width: 25px;
        height: 25px;
    }
    body div#game-update {
        padding-top: 0;
        border: none;
        border-top:1px solid #ddd;
    }

    /* byline */
    .header-byline__label + .header-author {
        vertical-align: text-top;
    }
    .header-author {
        margin-left: 26px;
    }
    .header-byline__label,
    .header-byline__toggle-more {
        vertical-align: middle;
    }
    .multi-author .header-author:not(:last-child):after {
        content: '';
    }
    .multi-author .header-byline__label,
    .multi-author .header-byline__toggle-more {
        display: inline-block;
    }
    .multi-author .header-author {
        display: none;
        border: none;
    }
    .multi-author .header-byline__label + .header-author,
    .multi-author .header-author + .header-byline__toggle-more {
        display: inline-block;
    }
    .header-byline__toggle-checkbox:checked ~ .header-author {
        display: block;
    }
}

@media (max-width: 680px) {
  body .page-width {
      padding: 0px;
  }
  body #minutes-river {
    padding: 15px 5px 30px;
  }

  body #summary-collapse span.tap-ss {
    display:inline-block;
  }
  body #summary-collapse span.click-ss {
    display:none;
  }

  body .home-nav {
      float:left;
  }

  body #scoring-summary {
    background: #f3f3f3;
  }

  body #game-update {
    padding: 0 1px;
  }

  body .navbar--slideup {
    display: block;
  }

  body .header-title {
    font-size: 1.4em;
    line-height: 1.3em;
  }

  body .minutes-intro p {
    line-height: 1.5em;
    margin-top: 5px;
  }

}

@media (max-width: 325px) {
    .header-byline__label,
    .header-byline__toggle-more {
        padding-right: 0;
    }
    .author-extra {
        font-weight: 600;
        margin: 0 1px 0 0;
    }
    .author-info .ai-sub:last-child {
        margin: 0;
    }
    .header-byline__toggle-more {
        font-size: .7em;
    }
    .header-author {
        margin-left: 21px;
    }
    #minutes-container .team.home .team-name {
        margin-left: 8px;
    }
    #minutes-container .team.away .team-name {
        margin-right: 8px;
    }
    #minutes-container .score-row .team {
        font-size: .8em;
    }
    #minutes-container .current-score {
        font-size: 1.7em;
    }
    #minutes-container .current-score span:nth-child(2) {
        margin: 0 5px;
    }
}

#live-blog-tab-toggle:checked ~ #minutes-river,
#live-blog-tab-toggle:checked ~ #minutes-river #river-load {
    display: block;
}
#live-blog-tab-toggle ~ #minutes-river,
#live-blog-tab-toggle ~ #minutes-river #river-load {
    display: none;
}

#scoring-summary-collapse:checked ~ .tab-content {
    display: block;
}
.no-events-yet {
    padding: 10px;
    text-align: center;
    color: #676767;
}
.tab-toggle-content + .tab-content {
    display: none;
}
.tab-toggle-content:checked + .tab-content {
    display: block;
}
/* end responsive design */


/* minutes message */
.new-post-break {
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px 0px;
    position: relative;
    font-size: 13px;
    text-transform: uppercase;
    color: #8e8e8e;
    font-size: 11px;
    margin-top: -10px;
}
.new-post-break:before {
    width: 100%;
    height: 1px;
    content: "";
    background: #bbbbbb;
    position: absolute;
    left: 0;
    top: 5px;
}
.new-post-break span {
    background: #e6e6e6;
    padding: 0 10px;
    position: relative;
}
.mr-item {
    background: #fff;
    box-sizing: border-box;
    padding: 0 0px 10px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.05);
    border-radius: 0px;
    position: relative;
    margin-bottom: 17px;
    font-size: 1em;
    width: 100%;
    overflow: hidden;
}
.mr-item .mr-options {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    float: right;
    /* position: relative; */
}
.mr-item .mr-options:hover, .mr-item .mr-options:active {
    cursor:pointer;
}
.mr-item .mr-options.active .minutes-icon.icon-export {
  fill: #fff;
}
.share-options .minutes-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px 7px;
    fill: #fff;
}
.mr-item .share {
    margin: 25px 9px 0;
}
.mr-item .share-options {
    /* -webkit-transition: all 300ms ease-out, z-index 0ms ease-out  300ms; */
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    background: rgba(0, 0, 0, 0.71);
    opacity: 0;
    z-index: -1;
    height: 100%;
    align-items: flex-start;
}
.mr-item-top {
    padding: 13px 10px 13px;
    box-sizing: border-box;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    height: 48px;
}
.mr-item .share-options .minutes-icon {
    font-size: 30px;
    padding: 12px 10px;
    width: 28px;
    height: 28px;
}
.small-col {
    width: 180px;
    float: left;
}
.msg-opt .minutes-icon.icon-export {
    float: right;
    z-index: 100;
    fill: #ffffff;
    position: relative;
    border-radius: 0;
}
.msg-opt {
    display: none;
    /*display: inline-block;*/
    border-radius: 68px;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.7);
    width: 33px;
    height: 30px;
    text-align: center;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    float: left;
}
.msg-opt.msg-comments {
    margin-right: 12px;
}
.msg-opt .minutes-icon {
    height: 20px;
    width: 20px;
    float: left;
}
.mr-item .minutes-icon:hover {
    fill: #ffffff;
}
.share-options {
    float: left;
    transition: all 300ms ease-out, z-index 0ms ease-out  300ms;
    z-index: -1;
    opacity: 0;
}
.mr-options.active .share-options, .active .share-options {
  -webkit-transform: scale(1);
  opacity: 1;
  z-index: 100;
  -webkit-transition: all 300ms ease-out, z-index 0ms ease-out;
}
.mr-item .share-options .share {
    -webkit-transform: translate3d(0, 27px, 0);
    -webkit-transition: all 300ms ease-out;
}
.mr-item .mr-options.active .share {
    -webkit-transform: translate3d(0, 0, 0);
}
.share-options .share[data-platform="facebook"] {
    background: #48609a;
}
.share-options .share[data-platform="twitter"] {
    background: #6fa0e2;
}

.mr-item-time {
    font-size: 14px;
    float: left;
    font-weight: bold;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    float: left;
}
.mr-item-time span span {
    color: #8c8c8c;
    font-weight: normal;
}
.mr-item-text, .mr-item-attachment {
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin-bottom: 7px;
    line-height: 1.4em;
    word-break: break-word;
}
.mr-item-meta{
    margin: 0;
    font-size: .9rem;
    color: #808080;
}
.mr-item-extra {
    float: left;
    margin-top: 22px;
}
.mr-item-extra > div {
    float: left;
    font-size: 12px;
    color: #505050;
}
.multi-author .mr-item .mr-item-author {
    display: inline-block;
    font-size: 11pt;
}
.mr-item .mr-item-author {
    display: none;
    color: #afafaf;
    font-style: italic;
}
.mr-item .mr-item-author:before {
  content: '\2014';
  padding: 0 5px 0 0;
}
.mr-item p {
    margin: 0;
    line-height: 1.6em;
}
.mr-item-text p:not(:last-of-type) {
    margin: 0 0 15px;
}
.mr-item-text p:last-of-type {
    margin: 0;
    padding-right: 10px;
    display: inline;
}
.mr-item--loaded {
    animation: fadeIn 2s;
}
.mr-item--updated {
    animation: fadeIn 1s;
}
.mr-item--hidden {
  display: none;
}
.mr-item-attachment {
    /*
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    */
}
.mr-item-attachment .twitter-video,
.mr-item-attachment img {
    width: 100%;
}
.mr-item-attachment twitterwidget,
.mr-item-attachment .twitter-tweet.twitter-tweet-rendered {
   /* width: initial !important; */
   margin-left: auto;
   margin-right: auto;
}
.mr-item-attachment img.service-icon {
    width: 17px;
    margin-right: 9px;
    float: left;
}
.emlink-title {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 8px;
}
.mr-item-emlink {
    border-left: 2px solid #ddd;
    padding: 10px 0 10px 10px;
    box-sizing: border-box;
}
.emlink-service {
    font-size: .8em;
    margin-bottom: 8px;
    color: #989898;
}
.emlink-desc {
    font-size: .89em;
    line-height: 1.3em;
    margin-bottom: 10px;
}
.emlink-title a {
    color: #4f92d0;
}
.mr-item-text, .mr-item-attachment, .mr-item-extra {
    padding: 0 10px;
}

.minutes-pluralize:after {
  content: 's';
  display: inline;
}

.yt-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.yt-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.mr-item-attachment .fb-video {
    display: block;
    position: relative;
    width: auto;
    min-height: 230px;
    margin: 0 auto;
    padding-bottom: 10px;
    text-align: center;
}
.mr-item-attachment .fb-video[fb-xfbml-state=parsed] + .minutes-loading__spinner {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    width: auto;
    padding: 0;
}
.mr-item-attachment .fb-video[fb-xfbml-state=rendered] + .minutes-loading__spinner  {
    display: none;
}

/* end minutes message */

/* pinned messages */
.pinned__content{
    color: #fff;
    background: #343E4A;
    margin: 0 0 10px;
    padding: 0px;
    box-shadow: 0 2px 10px #777;
}
.pinned__content h2{
    color: #5F5F5F;
    margin: 5px 0 5px 8px;
}
.pinned__content .minutes-stream__label--h {
    /*display: none;*/
    color: #FFF;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 20px 20px 0;
}
.pinned__content img{
    float: left;
    margin: 6px 6px;
}
.pinned__messages{
    padding: 20px 0;
}
.pinned__messages .mr-item:first-child,
.pinned__messages .mr-item:last-child {
  border: none;
}
.pinned__messages .mr-item {
    background-color: #343E4A;
    box-shadow: none;
    margin: 0 20px 0;
    padding-bottom: 40px;
    width: auto;
}
.pinned__messages .mr-item-body {
}
.pinned__messages .mr-item-text,
.pinned__messages .mr-item-top {
    padding: 0;
}
.pinned__messages .mr-item-top {
    display: block;
    border: none;
    float: none;
    margin: 0 0 12px;
    padding: 0 0 10px;
    height: auto;
    line-height: 12px;
    vertical-align: middle;
}
.pinned__messages .mr-item .mr-options {
    display: none;
}
.pinned__messages .mr-item .mr-item-time {
    margin: 0;
}
.pinned__more{
    cursor: pointer;
    display: block;
    padding: 0 20px 20px;
    text-align: right;
    text-transform: uppercase;
    color: #fff;
}
.pinned__more.hide{
    display: none;
}
.pinned__more span.hide{
    display: none;
}
.pinned__more.toggle:after {
    -webkit-transform: rotate(180deg);
}
.pinned__more:after {
    display: none;
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 7px solid #5F5F5F;
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: center 3px;
    -webkit-transition: all .18s cubic-bezier(0.4, 0, 1, 1);
    position: relative;
    top: 4px;
    left: 2px;
}
.pinned__menu {
    text-align: right;
}
.pinned__arrow--down,
.pinned__arrow--up {
    display: inline-block;
    position: relative;
    line-height: 10px;
    vertical-align: middle;
}
.pinned__arrow--down:after,
.pinned__arrow--up:after {
    display: inline-block;
    padding: 0 0 2px 10px;
    vertical-align: middle;
}
.pinned__arrow--down:after {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="23px" height="23px" viewBox="0 0 23 23" version="1.1"><g id="Minutes_Pinned1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-333.000000, -646.000000)"><g id="Group" transform="translate(334.000000, 647.000000)" stroke="#FFFFFF" stroke-width="1.5"><circle id="Oval" cx="10.5" cy="10.5" r="10.5"/><path d="M6.5,8.5 L11.0276926,13.0276926" id="Line" stroke-linecap="square"/><path d="M10.5,8.5 L15.0276926,13.0276926" id="Line" stroke-linecap="square" transform="translate(13.000000, 11.000000) scale(-1, 1) translate(-13.000000, -11.000000) "/></g></g></svg>');
}
.pinned__arrow--up:after {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="23px" height="23px" viewBox="0 0 23 23" version="1.1"><g id="Visual_Version2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Minutes_Pinned2" transform="translate(-333.000000, -645.000000)" stroke="#FFFFFF" stroke-width="1.5"><g id="Group-2" transform="translate(344.500000, 656.500000) scale(1, -1) translate(-344.500000, -656.500000) translate(334.000000, 646.000000)"><circle id="Oval" cx="10.5" cy="10.5" r="10.5"/><g id="Group" transform="translate(6.000000, 8.000000)" stroke-linecap="square"><path d="M0.5,0.5 L5.02769257,5.02769257" id="Line"/><path d="M4.5,0.5 L9.02769257,5.02769257" id="Line" transform="translate(7.000000, 3.000000) scale(-1, 1) translate(-7.000000, -3.000000) "/></g></g></g></g></svg>');
}
.pinned__show--more {
    display: inline-block;
}
.pinned__show--less,
.pinned__arrow__down {
    display: none;
}
#pinned-show-toggle:checked + .pinned__content .pinned__show--more,
#pinned-show-toggle:checked + .pinned__content .pinned__arrow--down {
    display: none;
}
#pinned-show-toggle:checked + .pinned__content .pinned__show--less,
#pinned-show-toggle:checked + .pinned__content .pinned__arrow--up {
    display: inline-block;
}
#single-pinned-container.pinned__messages .mr-item {
  padding: 20px 0;
}
#single-pinned-container.pinned__messages .mr-item-attachment {
  padding-bottom: 20px;
}
#single-pinned-container.pinned__messages {
   padding: 0;
}
#single-pinned-container.pinned__messages .mr-item:first-child .mr-item-top {
    display: none;
}
.pinned__content .mr-item-attachment,
.pinned__content .mr-item-emlink,
.pinned__content .mr-item-attachment img,
.pinned__content .mr-item-attachment p {
    font-size: 1em;
    font-weight: normal;
    border: 0;
    margin: 0;
    padding: 0;
}
.pinned__content .mr-item-attachment .emlink-service {
    display: none;
}
.pinned__content .mr-item-attachment a,
.pinned__content .mr-item-text a {
    color: #fff;
    font-weight: normal;
}
.pinned__content.hide,
.pinned__messages.hide {
    display: none;
}
.pinned__content + .minutes-stream__label--h {
    margin-top: 30px;
}


/* minutes modal and conversational ui */
/* keeping old classnames for older minutes pages */
#minutes-modal-controller {
    position: absolute;
    left: -999em;
    opacity: 0;
}
.minutes-modal-open:checked ~ .minutes-modal-wrap,
.minutes-modal-open:checked ~ .minutes-modal-wrap:before,
.minutes-modal-open:checked ~ .minutes-modal-wrap .minutes-modal-overlay,
.minutes-modal--open:checked ~ .minutes-modal__wrapper,
.minutes-modal--open:checked ~ .minutes-modal__wrapper:before,
.minutes-modal--open:checked ~ .minutes-modal__wrapper .minutes-modal__overlay  {
    display: block;
}
.minutes-modal-close,
.minutes-modal--close {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 15px;
  width: 26px;
  height: 26px;
  padding: 4px;
  z-index: 109;
}
.minutes-modal--close:before,
.minutes-modal--close:after {
  position: absolute;
  left: 16px;
  content: ' ';
  height: 28px;
  width: 2px;
  background-color: #fff;
  opacity: .75;
}
.minutes-modal--close:before {
  transform: rotate(45deg);
}
.minutes-modal--close:after {
  transform: rotate(-45deg);
}
.minutes-modal-wrap,
.minutes-modal__wrapper {
    display: none;
}
.minutes-modal-wrap:before,
.minutes-modal__wrapper:before {
    content: "";
    display: none;
    background: rgba(255, 255, 255, 0.65);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 106;
}
.minutes-modal-overlay,
.minutes-modal__overlay {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 107;
}
.minutes-modal-body,
.minutes-modal__body {
    position: fixed;
    bottom: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    border-top: 1px solid #777;
    box-shadow: 0 0 10px #777;
    min-height: 150px;
    width: 92%;
    z-index: 108;
}
.minutes-modal-body p,
.minutes-modal__body p {
    text-align: left;
    line-height: 1.3;
}
.minutes-modal-content,
.minutes-modal__content {
    margin: 0;
    padding: 0;
    position: relative;
    max-height: 450px;
    overflow: scroll;
}
.minutes-modal-content .mr-item,
.minutes-modal__message .mr-item {
    overflow: visible;
    border: 0;
    box-shadow: none;
    background: none;
}
.minutes-modal-content .mr-item-top,
.minutes-modal__message .mr-item-top {
    box-shadow: none;
    padding: 25px 10px 15px;
}
.minutes-modal-content .mr-item .share-options,
.minutes-modal__message .mr-item .share-options {
    height: 200%;
    padding: 12px 0;
    bottom: initial;
    top: 0px;
}
.share-options .share {
    margin: 0 20px 0 0;
    border-radius: 60px;
    display: inline-block;
    transition: all 100ms ease;
}
.minutes-modal-content .mr-item p
.minutes-modal__message .mr-item p {
    line-height: 1.5em;
    margin: 0 0 10px;
}
.minutes-modal__message .mr-item-text,
.minutes-modal__message .mr-item-attachment {
    display: table-cell;
    float: none;
    width: 50%;
    vertical-align: top;
}
.minutes-modal__message .mr-item-text {
    text-align: left;
}
.minutes-modal__message .mr-item-attachment .twitter-video,
.minutes-modal__message .mr-item-attachment img {
    float: none;
    width: 90%;
}
.minutes-modal__message .mr-item-body {
    min-height: 222px;
}
.minutes-modal:not(.minutes-modal__survey) .minutes-modal-body,
.minutes-modal__message .minutes-modal__body {
    position: fixed;
    bottom: initial;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: initial;
    max-height: 90%;
    padding: 0 0 15px;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    text-align: center;
    width: 90%;
    max-width: 850px;
}
.minutes-modal:not(.minutes-modal__survey) .minutes-modal-wrap:before,
.minutes-modal__message .minutes-modal__wrapper:before {
    background: rgba(0, 0, 0, 0.25);
}
.minutes-modal:not(.minutes-modal__survey) .minutes-modal-close,
.minutes-modal__message .minutes-modal--close {
    position: fixed;
    border: 0;
    color: #fff;
    font-size: 40px;
    height: initial;
    width: initial;
    line-height: 20px;
    padding: 10px 5px;
    top: -45px;
    right: 0;
    text-align: initial;
}
.minutes-modal__message .minutes-modal--close:before,
.minutes-modal__message .minutes-modal--close:after {
    width: 0;
}
/* survey specific styles */
.minutes-modal__survey .minutes-modal__body {
    animation: slideUp 0.5s forwards;
}
.minutes-modal__survey .minutes-modal__wrapper:before {
    background: rgba(0, 0, 0, .25);
}
.minutes-modal__survey .minutes-modal__header {
    background: #1565c0;
    color: #fff;
    padding: 15px 0;
    margin-bottom: 15px;
    text-align: center;
}
.minutes-modal__survey .minutes-modal__header p {
    color: #fff;
    display: inline-block;
    font-size: .85em;
    font-weight: 100;
    line-height: 1.25em;
    padding: 0;
    margin: 0 60px;
}
.minutes-modal__survey .minutes-modal__logo {
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 12px;
    max-width: 40px;
    max-height: 40px;
    overflow: hidden;
}
.minutes-survey__question--fieldset {
    margin: 30px 20px;
    padding: 0;
    border: 0;
    font-size: 1em;
    font-weight: 500;
    text-align: center;
}
.minutes-survey__question--fieldset p {
    text-align: center;
}
.minutes-survey__question--legend {
    margin-bottom: 15px;
}
.minutes-survey__question--label,
.minutes-survey__question--button  {
    border: 1px solid #1565c0;
    border-radius: 5px;
    background-color: transparent;
    color: #1565c0;
    font-size: .9em;
    margin: 5px 15px;
    padding: 10px 25px;
    text-transform: initial;
}
.minutes-survey__question--input:checked + .minutes-survey__question--label,
.minutes-survey__question--button:active {
    color: #000;
}
.minutes-survey__question--button.thumbs-up,
.minutes-survey__question--button.thumbs-down {
    border: 0;
    background-position: center;
    height: 50px;
    margin: 0 10px;
    padding: 10px 15px;
}
.minutes-survey__question--button.thumbs-up:after,
.minutes-survey__question--button.thumbs-down:after {
    display: inline-block;
    width: 38px;
}
.minutes-survey__question--button.thumbs-up:after {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1536 1664"><defs><style>.a{fill: %231565c0;}</style></defs><title>thumbs-up</title><path class="a" d="M384,1344q0-26-19-45t-45-19q-26,0-45,19t-19,45q0,26,19,45t45,19q26,0,45-19T384,1344ZM1536,768q0-51-39-89.5T1408,640H1056q0-58,48-159.5T1152,320q0-98-32-145T992,128q-26,26-38,85T923.5,338.5Q905,405,864,448q-22,23-77,91-4,5-23,30t-31.5,41Q720,626,698,652.5a568.24,568.24,0,0,1-40,44Q640,714,619.5,732t-40,27q-19.5,9-35.5,9H512v640h32a201.72,201.72,0,0,1,31.5,3q18.5,3,33,6.5t38,11q23.5,7.5,35,11.5t35.5,12.5q24,8.5,29,10.5,211,73,342,73h121q192,0,192-167a341.81,341.81,0,0,0-5-56q30-16,47.5-52.5T1461,1187a138.45,138.45,0,0,0-18-69q53-50,53-119,0-25-10-55.5T1461,896q32-1,53.5-47T1536,768Zm128-1q0,89-49,163a261.1,261.1,0,0,1,9,69,287.14,287.14,0,0,1-38,144,303.72,303.72,0,0,1,3,43q0,101-60,178,1,139-85,219.5T1217,1664H1088a807.16,807.16,0,0,1-189.5-22.5Q805,1619,682,1576q-116-40-138-40H256q-53,0-90.5-37.5T128,1408V768q0-53,37.5-90.5T256,640H530q36-24,137-155,58-75,107-128,24-25,35.5-85.5T840,145q19-66,62-108Q941,0,992,0q84,0,151,32.5T1245,134q35,69,35,186,0,93-48,192h176q104,0,180,76T1664,767Z" transform="translate(-128)"/></svg>');
}
.minutes-survey__question--button.thumbs-down:after {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1536 1664"><defs><style>.a{fill: %231565c0;}</style></defs><title>thumbs-up</title><path xmlns="http://www.w3.org/2000/svg" class="a" d="M384,448q0-26-19-45t-45-19q-26,0-45,19t-19,45q0,26,19,45t45,19q26,0,45-19T384,448Zm1152,576q0-35-21.5-81T1461,896q15-17,25-47.5t10-55.5q0-69-53-119,18-31,18-69,0-37-17.5-73.5T1396,479a341.81,341.81,0,0,0,5-56q0-85-49-126t-136-41H1088q-131,0-342,73-5,2-29,10.5T681.5,352q-11.5,4-35,11.5t-38,11q-14.5,3.5-33,6.5a201.72,201.72,0,0,1-31.5,3H512v640h32q16,0,35.5,9t40,27q20.5,18,38.5,35.5a568.24,568.24,0,0,1,40,44q22,26.5,34.5,42.5t31.5,41q19,25,23,30,55,68,77,91,41,43,59.5,109.5T954,1579q12,59,38,85,96,0,128-47t32-145q0-59-48-160.5T1056,1152h352q50,0,89-38.5T1536,1024Zm128,1q0,103-76,179t-180,76H1232q48,99,48,192,0,118-35,186-35,69-102,101.5T992,1792q-51,0-90-37-34-33-54-82t-25.5-90.5A614.92,614.92,0,0,0,805,1498q-12-43-31-64-48-50-107-127-101-131-137-155H256q-53,0-90.5-37.5T128,1024V384q0-53,37.5-90.5T256,256H544q22,0,138-40,128-44,223-66t200-22h112q140,0,226.5,79T1529,423v5q60,77,60,178a303.72,303.72,0,0,1-3,43,287.14,287.14,0,0,1,38,144,261.1,261.1,0,0,1-9,69Q1664,935,1664,1025Z" transform="translate(-128 -128)"/></svg>');
    /* flip horizontally */
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

/* surveys display rules
   - only show on mobile devices including the new iphone X (812px).
   - do not show on tablet devices or desktop
   - source https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
/* tablets and desktop */
@media only screen and (min-device-width: 768px) {
    .minutes-modal__survey  {
        display: none;
    }
}
/* iPhone X */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3) {
        .minutes-modal__survey  {
            display: block;
        }
}

/* minutes ads */
.mr-item-feature {
  text-align: center;
  padding-bottom: 15px;
}

/* navbar styles */
.navbar__component {
  display: none;
  background-color: #fff;
  border-top: 4px solid;
  box-shadow:  0 0 10px #777;
  max-height: 60px;
  max-width: 100%;
  width: 100%;
  z-index: 101;
}
.navbar--slideup{
  /* display: block; */
  max-height: 60px;
  animation: slideUp 1s forwards;
}
.navbar__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  line-height: 55px;
  max-height: 55px;
  margin: 0;
  padding: 0;
}
.navbar__item {
  display: inline-block;
  border-right: 1px solid #ddd;
  color: #555;
  font-size: .9em;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  vertical-align: middle;
}
.navbar__item:first-child,
.navbar__item:last-child {
  -webkit-flex: 1 0 0;
  flex: 1 0 0;
}
.navbar__item:last-child {
  border: none;
}
.navbar--main {
  webkit-flex: 3 0 0;
  flex: 3 0 0;
}
.navbar--link {
  text-decoration: none;
  text-transform: capitalize;
}
.navbar--bottom {
  position: fixed;
  bottom: 0;
  left: 0;
}
.navbar--sticky {
  position: -webkit-sticky; /* for safari */
  position: sticky;
  top: 0;
  bottom: initial;
}
.navbar--sticky .navbar--link {
  color: red;
}
.navbar__item .minutes-icon {
  display: block;
  border-radius: initial;
  margin: 10px auto 2px;
  fill: #333;
}
.navbar__item .minutes-icon + span {
  display: inline-block;
  line-height: 15px;
  vertical-align: top;
}
.navbar--red {
  color: #a00;
}
.navbar--red .navbar--red {
  fill: #a00;
}
.navbar__component .share-page {
  border-right: 1px solid #ddd;
}
.navbar__item .team .team__name--short {
  min-width: 35px;
}
/* navbar media queries */
@media (max-width: 768px) {
  .navbar__item .team-logo {
    width: 20px;
    height: 20px;
  }
  .navbar__item .team-logo span {
    width: 10px;
    height: 10px;
    left: 4px;
    top: 4px;
  }
  .navbar__item .team-name {
    font-size: 1em;
  }
  .navbar__item .team.home .team-name,
  .navbar__item .team.away .team-name {
    margin: 0 5px;
    line-height: 15px;
    max-height: 55px;
    max-width: 40px;
    overflow: hidden;
    word-break: normal;
  }
}
@media (max-width: 425px) {
  .navbar__item {
    font-size: .8em;
    padding-left: 12px;
    padding-right: 12px;
  }
  .navbar__item .current-score {
    font-size: 1.35em;
    width: 70px;
  }
  .navbar__item .current-score span:nth-child(2) {
    margin: 0 4px;
  }
  .minutes-modal__message .mr-item-text,
  .minutes-modal__message .mr-item-attachment,
  .minutes-modal__message .mr-item-attachment .twitter-video,
  .minutes-modal__message .mr-item-attachment img {
      display: inline-block;
      width: 100%;
  }
}
@media (max-width: 325px) {
  .navbar__item .minutes-icon {
    margin: 18px auto;
  }
  /* hide text labels and show only icons */
  .navbar__item .minutes-icon + span {
    display: none;
  }
  .navbar__item:first-child {
    -webkit-flex: 1 0 0;
    flex: 1 0 0;
  }
  .navbar__item:last-child {
    -webkit-flex: 1 0 0;
    flex: 1 0 0;
  }
}

/* animations */
@keyframes fadeIn {
  from { opacity: 0}
  to   { opacity: 1}
}
@keyframes slideUp {
  0%   { transform: translate(0px,100px); }
  100% { transform: translate(0px,0px); }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
@keyframes slideDown {
  0%   { transform: translate(0px,0px); }
  100% { transform: translate(0px,100px); }

}

.author-info * {
    float: left;
}

.minutes-intro p {
    font-size: .9em;
    line-height: 1.6em;
    margin: 2px 0 10px;
    clear: left;
    width: 100%;
}


/* AFFILIATE COLORS AND STYLES */

/* default colors */
#header {
    background-color: #dad5cf;
}
.page-social .cmt-event,
.msg-opt,
.sel-tab:nth-child(1) label:before {
    background: #285889;
}
#header,
.navbar__component {
    border-color: #285889;
}
.navbar--green {
    color: #285889;
}
.navbar--green .minutes-icon {
    fill: #285889;
}

/* al */
.al #header img {
    left: -50px;
}
.al .page-social .cmt-event,
.al .msg-opt,
.al .sel-tab:nth-child(1) label:before {
    background: #343e4a;
}
.al #header,
.al .navbar__component {
    border-color: #343e4a;
}
.al .navbar--green {
    color: #343e4a;
}
.al .navbar--green .minutes-icon {
    fill: #343e4a;
}

/* cleveland */

/* masslive */

/* mlive */
.mlive #header img {
    left: -30px;
}
.mlive .page-social .cmt-event,
.mlive .msg-opt,
.mlive .sel-tab:nth-child(1) label:before {
    background: #0084cb;
}
.mlive #header,
.mlive .navbar__component {
    border-color: #0084cb;
}
.mlive .navbar--green {
    color: #0084cb;
}
.mlive .navbar--green .minutes-icon {
    fill: #0084cb;
}

/* newyorkupstate */
.newyorkupstate #header img {
    left: 40px;
    width: 50%;
}
.newyorkupstate .page-social .cmt-event,
.newyorkupstate .msg-opt,
.newyorkupstate .sel-tab:nth-child(1) label:before {
    background: #355f82;
}
.newyorkupstate #header,
.newyorkupstate .navbar__component {
    border-color: #355f82;
}
.newyorkupstate .navbar--green {
    color: #355f82;
}
.newyorkupstate .navbar--green .minutes-icon {
    fill: #355f82;
}

/* nj */
.nj #header img {
    left: -50px;
}

/* nola */
.nola #header img {
    left: -30px;
}

/* oregonlive */
.oregonlive #header {
    background-color: #3a3a3a;
}
.oregonlive #header img {
    top: -5px;
}
.oregonlive .page-social .cmt-event,
.oregonlive .msg-opt,
.oregonlive .sel-tab:nth-child(1) label:before {
    background: #478e59;
}
.oregonlive #header,
.oregonlive .navbar__component {
    border-color: #478e59;
}
.oregonlive .navbar--green {
    color: #478e59;
}
.oregonlive .navbar--green .minutes-icon {
    fill: #478e59;
}

/* pennlive */

/* syracuse */
.syracuse .page-social .cmt-event,
.syracuse .msg-opt,
.syracuse .sel-tab:nth-child(1) label:before {
    background: #315f82;
}
.syracuse #header,
.syracuse .navbar__component {
    border-color: #315f82;
}
.syracuse .navbar--green {
    color: #315f82;
}
.syracuse .navbar--green .minutes-icon {
    fill: #315f82;
}

@media (max-width: 980px) {
    #header {
        height: 80px;
    }
    #header .page-width {
        padding: 0;
    }
}

@media (max-width: 768px) {

}