/* CSS Document */


ul.podcast-listing {
	margin-bottom:40px;
	list-style: none; 
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.podcast-listing li {
	margin-bottom: 10px;
	width: 100%;
	display: flex;
	box-shadow:3px 4px 8px rgba(0,0,0,.14);
	padding:1em;
	border-radius:1em;
}



.podcast-listing-image {
	height:auto;
	width:24%;
	margin-right:4%;
}
.podcast-listing-image > div {
	height:auto;
	width:100%;
	border:1px solid;
	border-radius:8px;
	padding:3px;
}
.podcast-listing-image > div > div {
	height:auto;
	width:100%;
	border:1px solid;
	border-radius:5px;
	padding:4px;
}
.podcast-listing-image > div > div > div {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height:0;
	width:100%;
	padding-bottom: 100%;
}

.podcast-listing-text {
	width:72%;
}

.ccm-page .podcast-listing-text h1,
.ccm-page .podcast-listing-text h2,
.ccm-page .podcast-listing-text h3,
.ccm-page .podcast-listing-text h4,
.ccm-page .podcast-listing-text h5,
.ccm-page .podcast-listing-text h6 {
	font-size: 1.5rem;
	font-weight:700;
}

.podcast-listing-text p {
	font-size: 85%;
}

.podcast-listing-links { display:block; }
.podcast-listing-links a { 
	display:inline-block; 
	max-width:40px;
	margin-right:.5em;
}

.podcast-listing-links a img { 
	height:auto;
	width:100px;
}



.columns-2 ul.podcast-listing li {
	width: 48%;
}

.columns-3 ul.podcast-listing li {
	width: 32%;
}

.columns-4 ul.podcast-listing li {
	width: 24%;
}