/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.sjb-page .list-data {
	position: relative;
}
.ribbon {
   position: absolute;
   left: 0px; top: -5px;
   z-index: 1;
   width: 90px; height: 75px; 
   text-align: right;
}
.ribbon span {
   font-size: 10px;
   color: #fff; 
   text-transform: uppercase; 
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(0deg);
   -webkit-transform: rotate(0deg); /* Needed for Safari */
   width: 100px; display: block;
   background: #1e5799;
   background: linear-gradient(#2989d8 0%, #1e5799 100%);
   position: absolute;
   width: 100%;
}
.ribbon span::before {
   content: '';
   position: absolute; 
   left: 0px; top: 100%;
   z-index: -1;
}
.ribbon span::after {
   content: '';
   position: absolute; 
   right: 0%; top: 100%;
   z-index: -1;
}