#media hr {
	opacity: .1;
}

#media .page-link:focus {
	box-shadow: none
}

@media (min-width: 650px) {
	#media.show ul {
		margin-left: 1.5rem;
	}	
}

#media.show .quote i {
	color: rgba(167,58,253,.9);
}

#media.show .quote .blockquote p {
    font-size: var(--bs-body-font-size);
}

#media.show .author {

}

#media.show .author .photo {
    background: url(/public/assets/img/author.jpg) no-repeat;
    background-size: contain;
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
}

#media.show .csat-form {
    display: flex;
    align-items: flex-end;
    gap: 3px;
}

#media.show .csat-form .csat-form__score-item {
    background: rgba(0, 0, 0, .05);
    border-radius: 3px;
    transition: all 0.3s ease;
    flex: 1;
    padding: 15px;
	opacity: .5;
}

#media.show .csat-form .csat-form__score-item:hover,
#media.show .csat-form .csat-form__score-item.active {
	opacity: 1;
	cursor: pointer;
}

#media .breadcrumb-item+.breadcrumb-item::before {
	content: var(--bs-breadcrumb-divider, "→");
}

#media p.content span {
  counter-increment: contentLinkCounter;
}
#media p.content span::before {
  content: counter(contentLinkCounter)". ";
}

#media .card {
	cursor: pointer;
}

#media .card .card-text a {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}

#media .card .card-image {
	min-height: 150px;
}