.related-block.rio-std-style{
}

.related-block.rio-alt-style{
}

.related-pages {
    list-style: none;
    padding: 0;
}

.related-pages li:not(:last-of-type) {
    border-bottom: 1px solid #00000026;
}

.related-pages a {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #000;
    padding: .75rem 40px .75rem 0;
}

.related-pages a:hover {
	color: #d08505;
}

.related-pages a:before {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	right: 0;
	width: 7px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6.99" height="12.225" viewBox="0 0 6.99 12.225"><path id="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M16.129,12.307,11.5,7.684a.87.87,0,0,1,0-1.234.881.881,0,0,1,1.238,0l5.241,5.238a.872.872,0,0,1,.025,1.2l-5.263,5.274a.874.874,0,1,1-1.238-1.234Z" transform="translate(-11.246 -6.196)" fill="%23d08504"/></svg>') no-repeat center / contain;
	transition: background 400ms;
}

.related-pages a:hover:before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6.99" height="12.225" viewBox="0 0 6.99 12.225"><path id="Icon_ionic-ios-arrow-forward" data-name="Icon ionic-ios-arrow-forward" d="M16.129,12.307,11.5,7.684a.87.87,0,0,1,0-1.234.881.881,0,0,1,1.238,0l5.241,5.238a.872.872,0,0,1,.025,1.2l-5.263,5.274a.874.874,0,1,1-1.238-1.234Z" transform="translate(-11.246 -6.196)" fill="%23d08505"/></svg>')
}

.rel-card {
	cursor: pointer;
	color: #000;
	background-color: #FFF;
	border: 1px solid #000;
}

/* PAGES */

.widget .related-page {
	padding: 2rem 1rem;
	margin: 0 1.5rem;
}

.pa-cell {
	position: relative;
	padding: 0 1rem;
}

.pa-inner {
    height: calc( 100% - 2rem );
    height: -moz-calc( 100% - 2rem );
    height: -webkit-calc( 100% - 2rem );
    padding: 3rem 1rem;
    margin: 1rem 0 0;
	transition: color 400ms;
}

.pa-cell:hover .pa-inner, .pa-cell:hover .pa-inner a {
	color: #FFF;
}

.pa-inner:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(78,16,12);
	background: -moz-linear-gradient(320deg, rgba(78,16,12,1) 0%, rgba(159,22,22,1) 33%);
	background: -webkit-linear-gradient(320deg, rgba(78,16,12,1) 0%, rgba(159,22,22,1) 33%);
	background: linear-gradient(320deg, rgba(78,16,12,1) 0%, rgba(159,22,22,1) 33%);
	border: 1px solid #d08505;
	opacity: 0;
	transition: opacity 400ms;
}

.pa-cell:hover .pa-inner:before {
	opacity: 1;
}

.pa-inner a {
	color: #9f1616;
}

.pa-icon {
    height: 60px;
}

.pa-icon img, .pa-icon svg {
    max-height: 100%;
    height: 100%;
    max-width: 60px;
    width: auto;
}

.pa-icon img {
	filter: brightness(0);
}

.pa-icon svg path {
    fill: #000 !important;
	stroke: none !important;
	transition: fill 400ms;
}

.pa-cell:hover .pa-icon svg path {
	fill: #FFF !important;
}

.pa-cell:hover .pa-icon img {
    filter: invert(1) brightness(100);
}

/* POST */

.blog-hero-img:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: url(/wp-content/themes/rankings-io-child/images/logo-icon.svg) no-repeat bottom right / 50% auto;
    background-color: hsl(0deg 0% 0% / 25%);
    opacity: 1;
    transition: opacity 400ms;
}

.related-cell-inner:hover .blog-hero-img:before {
	opacity: 0;
}

.related-cell-inner:hover a {
	color: #9f1616;
}

.home-rel-posts {
	color: #FFF;	
	background: url(/wp-content/uploads/2023/08/home-rel-posts.webp) no-repeat bottom center / contain, rgb(21,32,62);
	background: url(/wp-content/uploads/2023/08/home-rel-posts.webp) no-repeat bottom center / contain, -moz-linear-gradient(315deg, rgba(21,32,62,1) 0%, rgba(41,64,124,1) 100%);
	background: url(/wp-content/uploads/2023/08/home-rel-posts.webp) no-repeat bottom center / contain, -webkit-linear-gradient(315deg, rgba(21,32,62,1) 0%, rgba(41,64,124,1) 100%);
	background: url(/wp-content/uploads/2023/08/home-rel-posts.webp) no-repeat bottom center / contain, linear-gradient(315deg, rgba(21,32,62,1) 0%, rgba(41,64,124,1) 100%);
}

/* STAFF */

.simp-staff-img {
	padding-top: 120%;
    background: url() no-repeat bottom center / auto 90%;
	z-index: 1;
}

.simp-staff-img-cont {
    background: rgb(21,32,62);
    background: -moz-linear-gradient(315deg, rgba(21,32,62,1) 0%, rgba(41,64,124,1) 100%);
    background: -webkit-linear-gradient(315deg, rgba(21,32,62,1) 0%, rgba(41,64,124,1) 100%);
    background: linear-gradient(315deg, rgba(21,32,62,1) 0%, rgba(41,64,124,1) 100%);
}

.simp-staff-img-cont:before {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	width: 100%;
	background: rgb(80,11,11);
	background: -moz-linear-gradient(315deg, rgba(80,11,11,1) 0%, rgba(159,22,22,1) 100%);
	background: -webkit-linear-gradient(315deg, rgba(80,11,11,1) 0%, rgba(159,22,22,1) 100%);
	background: linear-gradient(315deg, rgba(80,11,11,1) 0%, rgba(159,22,22,1) 100%);
	opacity: 0;
	transition: opacity 400ms;
}
.simp-staff-img-cont:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: url(/wp-content/themes/rankings-io-child/images/logo-icon.svg) no-repeat center top / auto 100%;
    opacity: .25;
}

.staff-wrap-inner:hover .simp-staff-img-cont:before {
	opacity: 1;
}

.staff-wrap-inner:hover .btn {
	color: #FFF;
}

.staff-wrap-inner:hover .btn:before {
	opacity: 1;
}

.simp-staff-info-cont {
	padding: 2.5rem 4rem;
}

/* RESULTS */

.res-img {
    padding-top: 75%;
}

.related-results-list .res-img {
    padding-top: 32%;
}

.result-cont-inner {
    background-color: #FFF;
}

.related-results-list .result-cont-inner {
    box-shadow: 0 0 20px 20px #0000000d;
}

.res-btm h3 {
	color: #9f1616;
}

.result-carousel .flickity-viewport {
    background-color: #0000000d;
    box-shadow: 0 0 20px 20px #0000000d;
}

/* REVIEWS */

.carousel-cell.rev-cont {
    padding: 2rem;
}

/* RESPONSIVE */

@media (max-width: 575px){
	
	.related-results-list .res-img {
		background-position: top center;
		padding-top: 55%;
	}
	
	.simp-staff-info-cont {
		padding: 2rem;
	}
}