.strytl { --color-contrast:#0098dd; --color-text:#616161; }
.strytl .item.chapter h1.title { color:#ffffff; font-weight:400; }
.strytl .item.chapter .item-content { background-color:#0098dd; border-top-color:#0098dd; }
.strytl .item.chapter .marker { color:#616161; background-color:#ffe600; }
.strytl .item.text h1.title { color:#616161; }
.strytl .item.text .text-content { color:#616161; }
.strytl .item.text p.author { color:#616161; font-style:normal; }
.strytl .item.text .timestamp .group .time { color:#616161; }
.strytl .item.text .timestamp .group .date { color:#616161; font-weight:300; }
.strytl .item .xt-react .reaction[data-reaction="1"] { display:none; }
.strytl .item .xt-react .reaction[data-reaction="2"] { display:none; }

@font-face {
	font-family: 'roboto';
	src: url('//events.conrad.com/_assets/fonts/roboto-v30-latin-regular.woff2') format('woff2'),
	font-weight: 400;
}
@font-face {
	font-family: 'roboto';
	src: url('//events.conrad.com/_assets/fonts/roboto-v30-latin-regular-500.woff2') format('woff2'),
	font-weight: 500;
}
@font-face {
	font-family: 'roboto';
	src: url('//events.conrad.com/_assets/fonts/roboto-v30-latin-regular-30.woff2') format('woff2'),
	font-weight: 300;
}
@font-face {
	font-family: 'roboto slab';
	src: url('//events.conrad.com/_assets/fonts/roboto-slab-v24-latin-500.woff2') format('woff2'),
	font-weight: 500;
}


body .strytl {
  font-family: 'roboto', sans-serif;
}

/* smoothening fonts */
@media screen and (max-width: 500px) {
  .strytl .item {
    -webkit-font-smoothing: antialiased;
  }
}



/* items */
.strytl .item.text h1.title,
.strytl .item.em-polls .question,
.strytl .item.quote .quote .text,
.strytl .item.sound h1.title {
  text-transform: uppercase;
  font-family: 'roboto slab', sans-serif;  
  color: #0098DD;
}

.strytl .item.chapter .marker {
	display: inline-block;
	font-size: 100%;
	font-family: 'roboto', sans-serif;
}

.strytl .item.chapter h1.title {
	font-family: 'roboto slab', serif;
	text-transform: uppercase;
}


.strytl a {
	color: #000;
	text-decoration: underline;
}

.strytl .item .timestamp .group {
	border-bottom: 2px solid #0098DD !important;
}

.strytl .item .timestamp .group .time {
	font-size: 100% !important;
}
.strytl .item .timestamp .group .date,
.strytl .item .timestamp .group .time {
	color: #0098DD !important;
	font-weight: 400 !important;
}

.strytl .load-next {
	border-radius: 0;
}

.strytl .load-next .img {
	background-size: 50px;
}

.strytl .item .xt-react {
	height: 1.65em;
	border-radius: 0;
}