a.sp-link::after {
	 content: "\00a0>";
	 display: inline;
}

ul.rig2 {
    list-style: none;
    font-size: 0px;
    margin-top: 0;
}
ul.rig2 li {
	display: inline-block;
	padding: 18px;
	/* margin: 0 1.25% .75% 1.25%; */
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.rig2 li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;
}
ul.rig2 li p {
	/* font-size: .9em; */
	line-height: 1.5em;
	/* color: #999; */
}
/* class for 2 columns */
ul.rig2.columns-2 li {
	width: 47.5%; /* this value + 2.5 should = 50% */
}
/* class for 3 columns */
ul.rig2.columns-3 li {
	width: 30.83%; /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
ul.rig2.columns-4 li {
	width: 22.5%; /* this value + 2.5 should = 25% */
}
li.right-side {
    // background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 45px, #C8102E 4px, #C8102E);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 45px, #000000 4px, #000000);
    background-size: 50% 49px;
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0 2.5% .75% 0;
}
li.left-side {
    // background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 45px, #C8102E 4px,   #C8102E);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 45px, #000000 4px, #000000);
    background-size: 50% 49px;
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0 0 .75% 2.5%;
}
 
@media (max-width: 1024px) {
	ul.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	ul.grid-nav li a {
		display: block;
	}
	ul.rig, ul.rig2 {
		margin-left: 0;
	}
	ul.rig li, ul.rig2 li {
		width: 100% !important; /* over-ride all li styles */
		margin: 0 0 20px;
	}
	li.right-side {
	    background: none;
	    margin: 0 2.5% .75% 0;
	}
	li.left-side {
	    background: none;
	    margin: 0 0 .75% 2.5%;
	}
}

.tlItem {
  /* margin-left: 3%; */
  border-radius: 0 0 6px 6px;
  background: #FFF;
  font-weight: bold;
  font-size: 130%;
}
.tlColorGrey {
  padding: 8px;
  border-radius: 0 0 6px 6px;
  background: rgba(136, 139, 141, 0.5);
  // background: linear-gradient(to right, rgba(136, 139, 141, 1), rgba(84, 88, 90, 0.5));
}
/* .tlColorGrey:hover {
  background: linear-gradient(to right, rgba(136, 139, 141, .5), rgba(84, 88, 90, 0));
  color: rgba(255,255,255, .33);
}
.tlColorGrey:hover a:link { 
  color: rgba(200,16,46, .35); 
} */
.tlHeader{
  // background: #C8102E;
  background: #54585a;
  // background: linear-gradient(to right, #C8102E, #960C22);
  color: white;
  padding: .2em;
  margin: 5px 0 0 0;
  border-bottom: thick solid white;
  border-radius: 6px 6px 0 0;
}
.redLine {
    width: 100%;
    height: 95%;
	background: linear-gradient(to right, transparent 0%, transparent calc(50% - 0.5px), #C8102E calc(50% - 4px), #C8102E calc(50% + 4px), transparent calc(50% + 0.5px), transparent 100%); 
}
.blackLine {
    width: 100%;
    height: 95%;
	background: linear-gradient(to right, transparent 0%, transparent calc(50% - 0.5px), #000000 calc(50% - 4px), #000000 calc(50% + 4px), transparent calc(50% + 0.5px), transparent 100%);
}
	
.left-side::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: white;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}