@charset "UTF-8";
/* List Page Styles */

main .list-page {
	background-color: var(--grey-bg-clr);
}


.pod-text-grid .card-copy p.tag-texts, .thumb-text-grid .card-copy p.tag-texts{
    margin-bottom: .5rem;
}








.pv-page .bc-separator{
	padding: 0 6px;
	font-size: 1rem;
	position: relative;
	bottom: .3rem;
}

.pv-page .breadcrumb{
	color: var(--dark);
    font-size: .6rem;
    letter-spacing: .25rem;
    line-height: 1;
}

.pv-page .breadcrumb a{
    text-transform: uppercase;
    letter-spacing: .025rem;
    color: var(--pv-clr);
	text-decoration: none;
}

.pv-page .breadcrumb a:hover{
	text-decoration: underline;
}

.pv-page .sponsor-title{
    font-size: .7rem;
    line-height: 1.2;
    color: var(--pv-clr);
	text-transform: uppercase;
	font-weight: 700;

}

.pv-page h5.webinar-date{
    font-size: .7rem;
    line-height: 1.2;
    color: #5B5B5B;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 5px;
	position: relative;
	bottom: .4rem;

}

/*
.pv-page h1.page-title{
    font-size: 1.8rem;
    line-height: 1;
    color: var(--dark);
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: solid 3px;
	padding-bottom: 25px;
	margin-bottom: 35px;
	margin-top: 20px;
}
*/

.webinar-date .material-icons{
	position: relative;
	top: .4rem;
	padding-right: .25rem;
}

.list-page-pagination{
	padding-top: 10px;
}

.list-page-pagination a{
	color: #a9a9a9;
	font-weight: 700;
	font-size: 1.25rem;
	text-decoration: none;
	background-color: white;
	display: inline-block;
	padding: 0px 10px;
	margin-right: 3px;
}

.list-page-pagination a.active,  .list-page-pagination a:hover, .list-page-pagination a.enabled{
	color: var(--dark);
}

.list-page-pagination a.disabled{
	color: #a9a9a9;
}

.list-page-pagination a .bc-separator{
	font-size: 2rem;
	position: relative;
	top: 2px;
	line-height: .5;
	padding: 0;
	font-weight: normal;
}

.play-circle .material-icons{
	position: absolute;
	color: white;
	z-index: 999;
	top: .5rem;
	left: .5rem;
	font-size: 3rem;
}

.play-circle {
	position: relative;
}

.podcast-host-name{
	color: var(--dark);
}




.sponsor-title{
    font-size: .7rem;
    line-height: 1.2;
    color: var(--pv-clr);
	text-transform: uppercase;
	font-weight: 700;

}

h5.webinar-date{
    font-size: .7rem;
    line-height: 1.2;
    color: #5B5B5B;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 5px;
	position: relative;
	bottom: .4rem;

}







.topic-list{
    list-style: none;
    padding: .5rem 0;
    margin: 0;
    column-count: 2;
}


.topic-list h2{
    margin-bottom: 1.75rem;
}

@media (max-width: 600px) {
    .topic-list{
        column-count: 1;
    }
}    






.article-list article{
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
    border-bottom: 1px solid #B3B3B3;
}






/* Search Results Page Styles */

.results-headings{
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}


.search-results-heading{
    font-size: 1.15rem;
    margin-bottom: 0;
}

.search-pages-heading{
    margin-bottom: 0;
}








.cover-text-grid{
    display: grid;
    grid-template-columns: 135px 1fr;
    grid-gap: 1.5rem;
    align-items: flex-start;
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
    border-bottom: 1px solid #B3B3B3;
}

.cover-text-grid .thumb-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
}





.pod-list-grid{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1.5rem;
    align-items: flex-start;
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
    border-bottom: 1px solid #B3B3B3;
}

.pod-list-grid .thumb-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}