@CHARSET "UTF-8";

/* DSLIDE PHOTO SLIDESHOW */
#dslide,
#dslide6 {
	position: relative;
	color: #666;
	overflow: hidden;
}

#dslide6 {
	width: 460px;
}

.dcaption,
.dcredit,
.dtextcontrolsright,
.dtextcontrols,
.dcount,
.dcontent {
	font-family: 'Libre Baskerville', serif;
}



/* Assuming .slider-item img is the class for the image inside each slide */
.slider-item img {
	display: block;
	/* Landscape images will be 100% width */
	height: auto;
	/* Maintain aspect ratio for landscape images */
	max-height: 100%;
	/* Portrait images will be 100% height */
	margin: 0;
}

/* Apply object-fit: cover only to landscape images */
.landscape img {
	object-fit: cover;
	width: 100%;
	object-position: top;
}

.dc {
	font-size: normal;
}

.storydate {
	font-family: 'Marcellus SC', serif;
}

/* widescreen 9/16 x width */
/* digital camera 2/3 x width */
.dslide,
.dslide6 {
	position: relative;
	background-color: #FFF;
	width: inherit;
	height: 570px;
}

.hd {
	height: 394px;
}

.dslide6 {
	height: 259px;
	height: 306px;
}

.dmaxx {
	height: auto;
}

.dlayer {
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	display: none;
	z-index: 1000;
}

.dlayer:first-child {
	display: block;
}

.dlayer img {
	display: block;
	z-index: 1001;
}

.drelj {
	position: relative;
}

.dprev,
.dnext {
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	height: inherit;
	z-index: 2000;
}

.dnextarrow:before,
.dprevarrow:before {
	position: absolute;
	top: 195px;
	/* ( dslide height - (font-size + 2x padding) ) /2 */
	top: 178px;
	top: 159px;
	top: 198px;
	right: 0;
	font-size: 50px;
	padding: 10px;
	margin: 0;
	color: #FFF;
	background-color: #000;
	background-color: rgba(0, 100, 100, 0.7);
	background-color: transparent;
	cursor: pointer;
	visibility: hidden;
}

.dprev:hover>.dprevarrow:before,
.dnext:hover>.dnextarrow:before {
	visibility: visible;
}

.dprev,
.dprevarrow:before {
	right: auto;
	left: 0;
}

.dnextarrow:before {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.dprevarrow:before {
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.dcreditss {
	position: absolute;
	bottom: -16px;
	right: 0px;
}

/* Show the first .dcredit element */
.dcredit:first-child {
    display: block;
}

.dcredit {
	position: relative;
	text-align: left;
	color: #000;
	background-color: transparent;
	padding: 2px 4px 2px 12px;
	display: none;
	font-size: 1rem;
	font-family: 'Marcellus SC', serif;
}

.dcaption {
	position: relative;
	width: inherit;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.7);
	background-color: #000;
	display: none;
}

.dcaption:first-child {
	display: contents;
	text-wrap: wrap;
}

.dcaption {
	text-wrap: wrap;
}

.dcaption .dc {
	padding: 10px;
}

.dcontent .dc {
	padding: 0 0 10px 0;
}

/* DSLIDE OPTIONAL CONTENT AREA */
.dcontent {
	position: relative;
	width: inherit;
	color: #FFF;
	background-color: #000;
	display: none;
}

.dcontent:first-child {
	display: block;
}

/* DSLIDE OPTIONAL THUMBNAIL AREA */
.dthumbs {
	position: relative;
	width: inherit;
	height: 80px;
}

.dlong {
	position: relative;
	background-color: #f2f2f2;
	width: 9999px;
	height: inherit;
}

.dtwidth {
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	height: inherit;
}

.dthumb {
	position: relative;
	float: left;
	height: inherit;
}

.dthumb:first-child {
	border-left: 0;
}

.dthumb img {
	display: block;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.dthumb:after,
.dtactive:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #fff;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dtactive:after {
	border: 3px solid #6CBFE6;
}

.dthumb:hover:after {
	border: 3px solid #fff;
	;
	cursor: pointer;
}

.dthumbprev,
.dthumbnext {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 45px;
	height: inherit;
	z-index: 2000;
	background-color: rgba(0, 0, 0, 0);
	/* dumb fix for IE9 hover to work */
	border: 0px solid red;
}

.dthumbnext {
	left: auto;
	right: 0;
	border: 0px solid blue;
}

.dthumbnextarrow:before,
.dthumbprevarrow:before {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 34px;
	padding: 23px 12px;
	margin: 0;
	color: #FFF;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
}

/* DSLIDE OPTIONAL CONTROLS */
.dcontrols {
	position: relative;
	width: inherit;
	height: 26px;
	background-color: transparent;
}

.dcount,
.dtextcontrols {
	float: left;
	padding: 6px 0;
}

.dtextcontrolsright {
	float: right;
	padding: 4px 0 4px 8px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: x-small;
}

.dcountnext,
.dcountprev {
	text-decoration: none;
}

.dshowc,
.dshowt,
.dstartss {
	text-decoration: none;
	background-color: #666;
	color: #FFF;
	margin-left: 4px;
	padding: 1px 4px 1px 4px;
}

.dcountnext:hover,
.dcountprev:hover,
.dshowc:hover,
.dshowt:hover,
.dstartss:hover {
	background-color: #066;
	color: #FFF;
}

.dpause {
	display: none;
}

.dplaybutton:before,
.dpausebutton:before,
.dthumbbutton:before,
.dcaptbutton:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	color: #FFF;
	background-color: #999;
	padding: 4px;
	font-size: 16px;
	cursor: pointer;
}

.dthumbbutton:hover:before,
.dcaptbutton:hover:before,
.dplaybutton:hover:before,
.dpausebutton:hover:before {
	background-color: #CCC;
	color: #666;
}

.dplaybutton:hover:before {
	color: #060;
}

.dpausebutton:hover:before {
	color: #C00;
}

.dthumbbutton:before {
	right: 25px;
	padding-right: 8px;
}

.dcaptbutton:before {
	right: 54px;
}

/* fix for chrome and ie cursor */
.dprevarrow,
.dnextarrow,
.dplaybutton,
.dpausebutton,
.dthumbbutton,
.dcaptbutton,
.dthumb {
	cursor: pointer;
}




.dcredit {
	color: #333;
}

.dcaption {
	position: relative;
	background-color: transparent;
	color: #000;
	overflow-y: auto;
	font-weight: normal;
	line-height: 125%;
}

.dnextarrow:before,
.dprevarrow:before {
	top: 279px;
	/* ( dslide height - (font-size + 2x padding) ) /2 */
	top: 230px;
	top: 199px;
}

.dbg {
	background-color: transparent;
}

.bcolor {
	background-color: #000;
}

@media only screen and (max-width: 975px) {
	#dslide {
		width: 100%;
	}

	.dslide {
		float: none;
		height: 333px;
	}

	.dcaption {
		width: 100%;
		height: auto;
	}

	.hd {
		height: 281px;
	}

	.dthumbs,
	.dshowt,
	.dnextarrow,
	.dprevarrow {
		display: none;
	}
}

@media only screen and (max-width: 500px) {

	.dcount,
	.dtextcontrols {
		float: left;
		padding: 7px;
	}

	#dslide {
		width: 100%;
	}

	.dslide {
		height: 227px;
	}

	.hd {
		height: 191px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.dcredit {
		font-size: .85rem;
	}

}