@charset "UTF-8";
/* CSS Document */


.PodcastList {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 40px;
}

.PodcastList .Podcast {
	display: flex;
	flex-direction: column;
	justify-content: start;
	border-left:1px solid #CCC;
	padding-inline: 1rem;
	gap:1rem;
	height: 100%;
}

.PodcastList .Podcast .Photo {
	display: flex;
	aspect-ratio: 16/9;
	overflow: hidden;
}

.Podcast .Photo img {
  width: 100%;
  object-fit: cover;
  display: block;
}



.PodcastList .Podcast .Text {
	display: flex;
	flex-direction: column;
	justify-content:  space-between;
	width: 100%;
	flex-grow: 1;
	gap: 1.4rem;
}


.PodcastList .Podcast h2 {
	font-size: 2.2rem;
	margin-bottom: 1rem;
}









@media (max-width: 992px)
{
	
	
}


@media (max-width: 768px)
{

	
	
	}

@media (max-width: 480px)
{
}