.pictures-container {
	padding-top:15px;
    max-width: 800px;
    margin: 0 auto;    
}

.picture-item {
    display: flex;
    margin-bottom: 40px;
    border-radius: 8px;
	align-items:center;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	background:#434754;
	
}

.picture-image {
    flex: 0 0 30%;
    max-width: 50%;

}

a.pic-desc  {
	text-decoration:none;
}

a.pic-desc .picture-description:hover {
	color:#e0eef1 !important;
}

.picture-image img {
    max-width: 100%;
    height: auto;
	border-radius:5px;	
}

.picture-details {
    flex: 1;
    padding: 20px;
	padding-bottom:0;
    background-color: #434754;
	width:100%;
}

.artist-name {
    margin: 0 0 10px 0;
    font-size: 1.2em;
    color: #eee;
}

.picture-description {
    margin-bottom: 10px;
    color: #ddd;
}

.picture-date {
    font-size: 0.9em;
    color: #888;
    margin-bottom: 15px;
}

.picture-actions {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
	padding-bottom:15px;
}

.heart-button .heart-icon {
	font-size:0.9rem;
}

.heart-button, .comment-link {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-right: 15px;
    color: #eee;
	font-size:0.9rem;
}

.heart-button.liked {
    color: #e74c3c;
}

.votes-section h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1em;
    color: #eee;
}

.vote-container {
	display:flex;
	jusify-content:start;
		gap:10px;
}

.vote {
    display: flex;
	flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
	transition:transform 0.2s;
}

.vote:hover {
	transform:scale(1.1);
}

.vote-profile-image {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
	margin: auto;
}

.vote-content {
    flex: 1;
}

.vote-username {
    font-weight: bold;
    margin-right: 5px;
}

.vote-score {
    color: #b4e790;
    font-weight: bold;
	font-size:0.8rem;
}

.view-all-votes {
    display: inline-block;
    margin: 10px;
    margin-bottom: 0;
    color: #4CAF50;
    text-decoration: none;
}


.view-all-votes:hover {
    text-decoration: underline;
}

.view-all-votes2 {
	text-decoration: none;
	color:#eee;
	display:contents;
	font-size:0.9rem;
}

.no-votes-message {
    color: #888;
    font-style: italic;
    text-align: center;
    padding: 10px 0;
}

.avg-score {
	font-weight:900;
	color:orange;
}

.votes-section h4 {
	font-weight:normal;
}

@media (max-width: 600px) {
    .picture-item {
        flex-direction: column;
		padding:20px;
    }

    .picture-image {
        max-width: 100%;
    }
}