.strytl .item.text h1.title { color:#000000; font-weight:700; font-style:normal; }
.strytl .item.text p.text { color:#000000; }
.strytl .item.text p.author { color:#777777; font-weight:400; font-style:italic; }
.strytl .item.text .timestamp .group .time { color:#000000; font-weight:700; font-style:normal; }
.strytl .item.text .timestamp .group .date { color:#777777; font-weight:400; font-style:normal; }
.strytl .item.text { background-color:#ffffff; }
.strytl .item.text .timestamp .group { border-bottom-color:#f6a800; }

/* fonts */
@font-face {
    font-family: 'Sport1 Condensed';
    src: url('https://data.storytile.net/customer_files/sport1/fonts/sport1-condensedregular.eot');
    src: url('https://data.storytile.net/customer_files/sport1/fonts/sport1-condensedregular.eot?#iefix') format('embedded-opentype'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-condensedregular.woff2') format('woff2'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-condensedregular.woff') format('woff'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-condensedregular.ttf') format('truetype'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-condensedregular.svg#sport1condensed_regular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Sport1 Condensed';
    src: url('//data.storytile.net/customer_files/sport1/fonts/sport1-condensedbold.eot');
    src: url('//data.storytile.net/customer_files/sport1/fonts/sport1-condensedbold.eot?#iefix') format('embedded-opentype'),
    url('//data.storytile.net/customer_files/sport1/fonts/sport1-condensedbold.woff2') format('woff2'),
    url('//data.storytile.net/customer_files/sport1/fonts/sport1-condensedbold.woff') format('woff'),
    url('//data.storytile.net/customer_files/sport1/fonts/sport1-condensedbold.ttf') format('truetype'),
    url('//data.storytile.net/customer_files/sport1/fonts/sport1-condensedbold.svg#sport1condensed_bold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Sport1 Condensed';
    src: url('https://data.storytile.net/customer_files/sport1/fonts/sport1-condensedmediumitalic.eot');
    src: url('https://data.storytile.net/customer_files/sport1/fonts/sport1-condensedmediumitalic.eot?#iefix') format('embedded-opentype'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-condensedmediumitalic.woff2') format('woff2'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-condensedmediumitalic.woff') format('woff'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-condensedmediumitalic.ttf') format('truetype'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-condensedmediumitalic.svg#sport1condensed_medium_italic') format('svg');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Sport1 Regular';
    src: url('https://data.storytile.net/customer_files/sport1/fonts/sport1-regular.eot');
    src: url('https://data.storytile.net/customer_files/sport1/fonts/sport1-regular.eot?#iefix') format('embedded-opentype'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-regular.woff2') format('woff2'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-regular.woff') format('woff'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-regular.ttf') format('truetype'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-regular.svg#sport1_regularregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Sport1 Regular';
    src: url('https://data.storytile.net/customer_files/sport1/fonts/sport1-regularitalic.eot');
    src: url('https://data.storytile.net/customer_files/sport1/fonts/sport1-regularitalic.eot?#iefix') format('embedded-opentype'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-regularitalic.woff2') format('woff2'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-regularitalic.woff') format('woff'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-regularitalic.ttf') format('truetype'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-regularitalic.svg#sport1regular_italic') format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Sport1 Regular';
    src: url('https://data.storytile.net/customer_files/sport1/fonts/sport1-medium.eot');
    src: url('https://data.storytile.net/customer_files/sport1/fonts/sport1-medium.eot?#iefix') format('embedded-opentype'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-medium.woff2') format('woff2'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-medium.woff') format('woff'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-medium.ttf') format('truetype'),
    url('https://data.storytile.net/customer_files/sport1/fonts/sport1-medium.svg#sport1medium') format('svg');
    font-weight: 600;
    font-style: normal;
}

/* general styles */
#strytl-content {
  padding-top: 3em;
}

#strytlReload {
    height: 100%;
    box-sizing: border-box;
    background: #f6a800;
    color: #fff;
    cursor: pointer;
    transition: .5s;
    font-weight: 600;
    font-family: Sport1 Condensed,Arial,sans-serif;
    font-style: italic;
    font-size: 1.99em;
    padding: .3em .8em .1em;
    line-height: 1em;
    cursor: pointer;

    display: none;
}

.strytl .last-update {
  padding: 0;
  height: 2.75em;
  left: 8em;
  right: auto;
  top: 0px;
}

.strytl .live {
  background-image: url(//data.storytile.net/customer_files/sport1/live.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f6a800;
  line-height: 1px;
  top : 0px;
}
.strytl .live img {
  visibility: hidden;
}

.bounce {
    background: #fff !important;
    color: #f6a800 !important;
}

#strytl-pagination {
  display: none !important;
}

.strytl .row:first-child .item:before {
  padding-bottom: 0;
}
.strytl .row:first-child {
  margin-bottom: 0;
}
.strytl .row:first-child.em-bevrtrl-row.em-bevrtrl-row-first {
  padding-top: 0;
  margin-bottom: 0;
}

.strytl .row:first-child.em-bevrtrl-row.em-bevrtrl-row-first .em-bevrtrl-pre {
    padding-top: 0;
}
.strytl .row:first-child .item.text .item-content,
.strytl .row:first-child .item.twitter .item-content,
.strytl .row:first-child .item.facebook .item-content {
    margin-top: 0;
}

.strytl .load-next {
    background: #f6a800;
    box-shadow: 0px 4px 30px rgba(0,0,0,.3);
}
.strytl .loading {
  width: 40px;
  margin-left: -20px;
  box-shadow: 0px 3px 30px rgba(0,0,0,.5);
  background-color: #fff;
}
.strytl .loading .img {
  background-image: url(//data.storytile.net/customer_files/sport1/loading.gif);
  background-size: 75%;
  width: 40px;
}

/* styling the items */

.strytl .item.link .description .title {
  color: #000;
  font-weight: 600;  
  font-size: 130%;
}
.strytl .item.link .description .text {
  color: #000;
  max-height: 4em;
}
.strytl .item.link .description .url {
    color: #f6a800;
}

.strytl .item.link .indicator .icon {
  background-color: #f6a800;
}

.strytl .item.link,
.strytl .item.link .description {
  background: #fff;
}

.strytl .item.highlighted {
  box-shadow: none;
  border: solid 10px rgb(246, 168, 0);
}

@media screen and (max-width:500px) {
  .strytl .item.link .description .title {
    max-height: 4.5em;
  }
  .strytl .item.link .description .text {
    max-height: 7em;
  }
  .strytl .item.photo .item-content .photo-description {
    max-height: 38.5%;
  }
  .flowplayer {
    font-size: 0.75em;
  }
}

.comments {
  cursor: pointer;
}


.item {
  font-weight:400;
  font-style:normal;
  font-family: Sport1 Regular,Arial,sans-serif;  
}


@media screen and (min-width: 501px) {
  .strytl .item:not(.link),
  .strytl .item.text .timestamp .group .time {  
    font-size: 110%;
  }

  .strytl .item.text p.text {
    margin: 0px;
  }
  .strytl .item.text .timestamp {
    padding-top: 0px;
  }
  .strytl .item.text .timestamp .group .time {
    line-height: 100%;
    margin-bottom: 0px;
  }
}

@media screen and (max-width:500px) {
  .strytl .item.text h1.title {
    font-size: 150%;  
  }
  .strytl .item.text .timestamp .group .time {
    font-size: 100%;
    margin-right: 5px;
  }
  .strytl .item.text .timestamp .group .date {
    font-size: 100%;
    color: #000;
  }
  .strytl .item.text .timestamp .group br {
    display: none;
  }
}


/* from design generator */

.strytl .item.text h1.title {
  color:#000000;
  font-weight:700;
  font-style:normal;
  font-family: Sport1 Condensed,Arial,sans-serif;  
}

.strytl .item.text p.text {
  color:#000000;
  font-weight:400;
  font-style:normal;
  font-family: Sport1 Regular,Arial,sans-serif;

}

.strytl .item.text p.author {
  color:#777777;
  font-weight:400;
  font-style:italic;
  font-family: Sport1 Regular,Arial,sans-serif;
}

.strytl .item.text .timestamp .group .time {
  color:#000000;
  font-weight:700;
  font-style:normal;
  font-family: Sport1 Condensed,Arial,sans-serif;  
}

.strytl .item.text .timestamp .group .date {
  color:#777777;
  font-weight:400;
  font-style:normal;
  font-family: Sport1 Condensed,Arial,sans-serif;  
}

.strytl .item.text {
  background-color:#ffffff;
  color:#000000;
  font-weight:400;
  font-style:italic;
  font-family: Sport1 Regular,Arial,sans-serif;
}

.strytl .item.text .timestamp .group {
  border-bottom: none;
}

 


/* social.css */

.strytl .item.facebook {
  background: linear-gradient(to bottom,#3B5998,#324e87 100%);
}

.strytl .item.facebook .header .facebook-logo {
  background-size: 18px;
  opacity: .7;
}

.strytl .item.facebook .header .name {
  font-size: 100%;
}

.strytl .item.twitter .header .avatar, .strytl .item.facebook .header .avatar {
  height: 40px;
  width: 40px;
  background-size: 40px;
}

.strytl .item.twitter .header, .strytl .item.facebook .header {
  height: 72px;
}

.strytl .item.twitter .body .text, .strytl .item.facebook .body .text {
  font-weight: 200;
}

.strytl .item.twitter .media:not([style*="display:none"]):not([style*="display: none"]) + .body .text, .strytl .item.facebook .media:not([style*="display:none"]):not([style*="display: none"]) + .body .text {
  padding-top : 20px;
}


.strytl .item.twitter .body .text, .strytl .item.facebook .body .text {
  padding: 0px 20px 10px;
}

.strytl .item.facebook .header .facebook-logo {
  top: 20px;
}

.strytl .item.facebook .footer {
  height: 50px;
}

.strytl .item.twitter .footer {
  height: 2em;
}

.strytl .item.facebook .link-row {
  background-color: transparent;
}

.strytl .item.facebook .link-row .text,
.strytl .item.facebook .link-row .img {
  left: 20px;
  right: 20px;
  width: calc(100% - 40px);
  border: none;
  background-color: rgba(0,0,0,0.15);
}
.strytl .item.facebook .link-row .text {
  padding: 10px;
  color
}

.strytl .item.facebook .link-row .description,
.strytl .item.facebook .link-row .url {
  color: rgba(254,254,254,.7);
}







.strytl .item.instagram .media {
  border-radius: 0px
}

.strytl .item.instagram .instagram-logo {
  width: 26px;
    height: 26px;
    top: 27px;
    background-color: rgba(255,255,255,.5);
    border-radius: 7px;
}

.strytl .item.instagram .header .background {
  border-radius: 4px;
  height: 37px;
}

.strytl .item.instagram .header .avatar {
  border-radius: 50%;
  width: 38px;
  height: 38px;
}

.strytl .item.instagram .header .name {
  font-size: 100%;
}






.strytl .item.twitter .header .twitter-logo {
    top: 20px;
    right: -1px;
    width: 46px;
    height: 45px;
    background-size: 26px;
    background-position: 5px 4px;    
}

.strytl .item.twitter .header .avatar {
  border-radius: 0px;
}

.strytl .item.twitter .header .fader {
  right: 45px;
}

.strytl .item.twitter .header .full-name {
  display: block;
}

/* possible to remove the <br>? */
.strytl .item.twitter .header .background br {
  display: none; 
}

.strytl .item.twitter.portrait .header .background {
  border-radius: 0px;
}

.strytl .item.twitter .header .full-name {
  font-size: 16px;
}

.strytl .item.twitter .header .screen-name {
  color: rgba(255,255,255,.7)
}

.strytl .item.facebook .footer .timestamp {
  margin: 19px 0px;
  right: 20px
}

.strytl .item.twitter .footer .actions svg {
  padding: 0 0.15em;
}

.strytl .item.twitter .media .img {
  overflow: hidden;
}

.strytl .item.twitter .media .img:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: inherit;
    content: " ";
    -webkit-filter: blur(25px);
    filter: blur(25px);
    transform: scale(1.1);

}

.strytl .item.twitter .media .img:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: inherit;
    content: " ";
}

@media screen and (max-width:500px) {
  .strytl .item.facebook .link-row .img {
      min-height: 40vw;
  }
}


.flowplayer {
  border-radius: 0px;
}

.strytl .load-next {
  display: block;
}