.quicksand-400 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.special-gothic-condensed-one-regular {
  font-family: "Special Gothic Condensed One", sans-serif;
  font-weight: 400;
  font-style: normal;
}


*{
	box-sizing: border-box;
}
.tickercontainer { /* the outer div with the black border */
background: #fff;  
margin: 0; 
padding: 0;
height: 360px;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 6px;
width: 100%;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
position:relative;
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
height: 350px;
max-width: 728px;
padding: 20px;
margin-right: 10px;
border: 1px solid #ccc;
box-shadow: 0 0 5px rgba(0,0,0,.15);
}
ul.newsticker li p{
	
	font-family: "Quicksand", sans-serif;
	font-size: 17px;
	font-weight: 400;
}
ul.newsticker a {
font-family: "Special Gothic Condensed One", sans-serif;;
font-size: 30px;
line-height: 1.2;
font-weight: 400;	
padding: 0;
color: #00cebe;
margin: 0 0 0 0;
text-decoration: none;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
.date{
	font-family:sans-serif;
	font-size: 11px;
	color: #666;
	margin-top: 5px;
	width:50%;
	text-align:left;
}


div.post img:first-child, .post p:last-child {
	display:none;
}

div.post img {
	position:absolute;
	top:20px;
	right:20px;
	max-width:350px;
}

 .hs-featured-image-wrapper  {
	 margin-top:2rem;
	 width : 700px;
	 min-height:100%;
 }
 
.post p{
	width: 50%;
	line-height: 2.2rem;
}

.htmlfromrss .title {
	width:50%;
}

.date {
	margin-bottom:2rem;
}

.post p:last-child {
	margin-top:4rem;
}
/* End */