/* */

#feature video { /* for video in slideshow, November 2019, requires video module */
width:100%;
}

#feature {
background-color:#000;
}

@media screen and (max-width:680px) {
#feature video {
display:none; /* do not load on small screens to save bandwidth */
}
}

/* */

.juicebox-parent {
clear:both;
}

/* general image and media properties */


#main img,
#secondary img,
#tertiary img,
#quaternary img { /*this overrides ckeditor/imce's automatic image attributes for width and height, which override my styles, lame! */
	/*width: auto!important;*/
	max-width:100%;
	height: auto!important;
}


body.node-type-page #content img,
body.node-type-page #content div.figure {
    max-width:100%;
    height:auto;
    }

body.node-type-page .field-name-field-image img,
body.node-type-page .field-name-field-pageimage img {
    float:right;
    margin:0 0 .5em .5em;
    }

#main img,
#secondary img {
    /*border:2px solid #ccc;*/
    }

#main div.figure,
#secondary div.figure {
	background-color:#bbb; /* 33% */
	padding:4px;
	}

#main div.figure .figcaption,
#secondary div.figure .figcaption {
	color:white;
	font-size:.875em;
	font-style:italic;
	line-height:1.2;
	}
/*
#main div.figure img,
#secondary div.figure img  {
	max-width:100%; /* expands image to fit figcaption box; see also media query */
	/*border:0px;
    }*/

/* inline images */

img.align-right {
   margin:.5em 0 .5em 1em;
}

img.align-left {
   margin:.5em 1em .5em 0em;
}

figure {
background-color: #eee;
    position:relative;
}

figure.align-right {
   margin:.5em 0 1em 1em;
   width:50%;
   float:right;

}

figure.align-left {
   margin:.5em 1em 1em 0em;
   width:50%;
   float:left;

}

figure.align-center {
width:100%;
   margin:1em 0em;
}

figure.align-center img {
width:100%;
}

figure.align-right img {
    /*float:right;*/
    width:100%;

}

figure.align-left img {
    /*float:left;*/
        width:100%;

}

figcaption {
font-size:.9em;
line-height:1.4em;
color:#444;
    height:auto;
    clear:both;
    padding:.5em;
}

figure.align-right figcaption {
}

figure.align-right figcaption,
figure.align-left figcaption {
    /*height:auto;
    clear:both;
    padding:.5em;*/
    /*position:absolute;
    bottom:0em;
        color:#333;
    padding:.75em;
    overflow:auto;*/
    /*float:right;
    background-color:rgba(15,15,15, .9);
        color:#333;
    padding:.5em;*/
}

figure.align-right img,
figure.align-left img {
 /*padding-bottom:8em;*/

}



/*
figure figcaption {
position:relative;
clear:both;
margin-bottom:1em;
background-color: #eee;
padding:0em .5em .5em .5em;
line-height:1.25em;
overflow:auto;
}*/
/*
figure.align-right, img.align-right {
margin:0 0 .75em .75em;
}

figure.align-left, img.align-left {
margin:0 .75em .75em 0em;
}

figure.align-right figcaption, figure.align-left figcaption {
/*position:absolute !important;*//*
clear:both;
margin-bottom:2em;
}
*/

.node-type-event .field-name-field-speaker-photo img {
  	float:right;
  	margin-bottom:1em;
	}



/* end added img.div properties */

.media_embed {
    position:relative;
    padding-top:30px;
    padding-bottom:70%;
    overflow:hidden;
    height:0;
    }

.media_embed iframe, .media-embed object, .media-embed embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    }
/*
#secondary .media_embed {
	display:none;
	}
*/