/* force clearing the well before every top-level Basic Paragraph */
div.l-sidebar__main > div.l-paragraph {
	clear: both;
}

/* no top spacing & rule on Basic Paragraphs in multicol on big screens */
@media (min-width: 37.5em) {
	div.l-sidebar__main div.l-grid .l-paragraph {
    		border-top: none;
    		margin-top: 0;
    		padding-top: 0;
    	}
}

/* make unpublished items more prominent */
/* TODO - fix in git code */
.paragraph--unpublished {
	background-color: pink;
}

/* remote video iframes */
div.field--name-field-media-oembed-video > div.field__item > iframe {
    border: 0;
    width: 320px!important;
    height: 240px!important;
}
@media (max-width: 37.5em) {
    div.field--name-field-media-oembed-video {
        width: 100%!important;
    }
    div.field--name-field-media-oembed-video > div.field__item {
	    padding-top: 75%;
	position: relative;
    }
    div.field--name-field-media-oembed-video > div.field__item > iframe {
        border: 0;
        width: 100%!important;
        height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
    }
    /* .align-right on <article> was causing some embedded videos to be invisible on small screens, e.g on 
     * https://www.alexandriava.gov/historic-alexandria/watch-historic-alexandria-lectures-online */
    article.align-right {
    	float: none;
    }
}