/* Changes that may appear in any of the plugin's blocks */

.production-loop-header {
	text-align:center;
	color: var(--wp--preset--color--custom-primary-2);
	font-size: var(--wp--preset--font-size--huge);
	text-transform: uppercase;		
}

ul.production-loop, ul.post-loop {
	list-style-type: none;
	margin:0;padding:0;	
	margin-bottom:1em;
}
ul.production-loop li, ul.post-loop li {
	border-bottom-color: var(--wp--preset--color--custom-warm-light-background);
	border-bottom-style:dotted;
	margin:0;padding:0;
	padding-top:.5em;padding-bottom:2em;
	margin-bottom: 1em;
}
ul.production-loop li .production-date-type-container, ul.post-loop .post-summary-container {
	display:flex;
	flex-wrap:wrap;
}
ul.production-loop li .production-display-date {
	flex:1 1 300px;
}
.production-details-container .production-title a:hover, .production-event a:hover, .post-summary-container .post-title a:hover
{
	color: var(--wp--preset--color--custom-primary-1-o-3);
}
ul.production-loop li .columns-group, ul.post-loop .columns-group {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;	
}		
ul.production-loop li  .production-info {
	flex:1 300px;
}
ul.post-loop li  .news-date-and-title {
	flex:1 300px;
}
.production-loop .wysiwyg-container {
	flex:2 500px;
	margin-top: 2rem;
	padding:2rem;
	height:auto;	
}
.production-loop .featured-image-container, .post-loop .featured-image-container, figure {
	margin-top: 2rem;
	flex:2 500px;
	justify-content: center;	
	border-color: var(--wp--preset--color--custom-primary-2);
	border-width: 2px;
	border-radius: 10px;
	border-style:solid;
	background-color:black;
}
.production-loop .featured-image-container 	img, .post-loop .featured-image-container img, figure img {
	width: 100%;
	height: auto;              
	max-height: 500px;         
	object-fit: cover;         
	object-position: center;   
	border-radius: 10px 10px 0px 0px;
	margin-bottom:0px;padding-bottom:0px;
}
.production-loop .featured-image-caption, .post-loop .featured-image-caption, figure figcaption {
	margin-top: 0px;
	margin-left:0px;
	width:100%;
	text-align: center;
	background-color: black !important;
	font-size: var(--wp--preset--font-size--tiny);
	font-style:italic;
	color: color-mix(in srgb, var(--wp--preset--color--custom-primary-2) 100%, transparent);
	border-radius: 0px 0px 10px 10px;

}
figure figcaption {
	display:block !important;
	font-size: var(--wp--preset--font-size--small) !important;
	color: var(--wp--preset--color--custom-warm-light-background) !important; font-weight:bold;
}
h2.post-title { margin-top:0px;}