/*
 * set background to black
 */
body,
#main-wrapper{
	padding: 1em 0 ;
	background-color: #000000 ;
}

/*
 * set text, lists, and titles to white
 */
#main-wrapper p,
#main-wrapper li,
#main-wrapper ol {
	color: #ffffff ;
	font-size: 1.1em ;
}

#main-wrapper h1,
#main-wrapper h2,
#main-wrapper h3,
#main-wrapper h4,
#main-wrapper h5,
#main-wrapper h6 {
	color: #ffffff ;
}

/*
 * set link styles
 */
#main-wrapper a:link,
#main-wrapper a:active, 
#main-wrapper a:visited {
	color: #337ab7 ;
	text-decoration: underline ;
}

#main-wrapper a:hover {
	color: #ffffff ;
}

/*
 * fix barrio theme floats to accomodate centered images
 */
#main-wrapper .align-center .field--type-image,
#main-wrapper .align-center .field--type-image .field__item,
#main-wrapper .align-center .field--type-image img {
  float: none !important ; /* cancel barrio's float */
}

#main-wrapper .align-center .field--type-image img {
  display: block ; /* make centering predictable */
  margin-left: auto ;
  margin-right: auto ; /* actually center the image */
}

.node--type-article .field--name-field-article-featured-photo img {
	width: 100% ;
}

.page-view-news .views-row {
	margin-bottom: 1em ;
}

.page-view-news .views-field-field-article-featured-photo {
	float: left ;
	margin-right: 1em ;
}

.page-view-news .views-field-field-article-featured-photo img {
}

/*
.media-oembed-content {
  width: 80%;
  border: none;
  background-color: transparent;
  aspect-ratio: 16/9;
  height: auto;
}
*/

.dialog-off-canvas-main-canvas {
	overflow-x: hidden ;
}

#views-bootstrap-films-block-films img {
	width: 400px ;
	height: auto ;
}

#views-bootstrap-films-block-films .views-field-field-project-type {
	margin-bottom: 1em ; 
	color: #ffffff ;
}

.block-webform-block label,
.node--type-film .field__label {
	color: #ffffff ;
	margin-bottom: 0.5em ;
}


/*
 * tweak alignment and page breaks
 */

/* Clear floats when .page-break appears anywhere after floated/left/right content */
#main-wrapper .align-left ~ .page-break,
#main-wrapper .align-right ~ .page-break,
#main-wrapper [class*="align-"] ~ .page-break,
#main-wrapper [style*="float:left"] ~ .page-break,
#main-wrapper [style*="float:right"] ~ .page-break {
  clear: both !important;
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

/* Also target the page break itself to neutralize spacing */
#main-wrapper .page-break {
  display: block !important;
  clear: both !important;
  margin: 0 !important;
  padding: 0 !important;
}