/* Support for Legacy HTML namely repeating visiual patterns named …

- Broadside
- Topics – Two Colums Element
- Mosaic - Six Column Element
- Apostille - Sidebar
- Marginalia - Sidebar

*/

.entry-content > .topics, 
.entry-content > .mosaic, 
.entry-summary > .topics, 
.entry-summary > .mosaic, 
.entry-summary > .wp-block-group > .wp-block-group__inner-container > .topics,
.entry-summary > .wp-block-group > .wp-block-group__inner-container > .mosaic, 
.entry-content > .wp-block-group > .wp-block-group__inner-container > .topics,
.entry-content > .wp-block-group > .wp-block-group__inner-container > .mosaic {
    width: 100%;
    max-width: 100%;
}

.entry-content > .topics, 
.entry-summary > .topics, 
.entry-summary > .wp-block-group > .wp-block-group__inner-container > .topics, 
.entry-content > .wp-block-group > .wp-block-group__inner-container > .topics,
.entry-content > .mosaic, 
.entry-summary > .mosaic, 
.entry-summary > .wp-block-group > .wp-block-group__inner-container > .mosaic, 
.entry-content > .wp-block-group > .wp-block-group__inner-container > .mosaic {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.entry-content .broadside {
	 max-width: 1078px;
}

.entry-content .broadside img {
	
}

.entry-content .topics {
	margin-top:3em;
}

.topics,
.mosaic {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

.topic {
	width:48%;
}

.topic.first,
.topic:nth-child(2n+1) {
	margin-right:20px;
}


.entry-content .topic h3 {
	padding-top:1em;
}

.mosaic > * {
	width:13%;
	margin-right:20px;
	margin-top:0;
}

.mosaic > *:nth-child(6n) {
	margin-right:0px;
}

.entry-content .marginalia,
.entry-content img.alignleft {
    float: left;
    max-width: 200px;
    margin-right: 20px;
    margin-top: 0px;
}

.entry-content .apostille,
.entry-content img.alignright {
    float: right;
    max-width: 400px;
    margin-left: 20px;
    margin-top: 0px;
}