/* =============================================================================
   Cycle2 Slideshows
   ========================================================================== */

.cycle-slideshow {
	display: block;
	position: relative;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: url(../images/main/loading.gif) 50% 50% no-repeat;
	background-size: 10%; 
}

/* slideshow images - some of these styles will be set by the plugin (by default) but setting them here helps avoid flash-of-unstyled-content */
.cycle-slideshow img { 
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: auto;
	padding: 0;
	overflow: hidden;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
	position: static;
	z-index: 100;
}

/* Pager */

.cycle-pager { 
	position: absolute;
	width: 100%;
	text-align: center;
	overflow: hidden;
	z-index: 500;
}

.cycle-pager span { 
	display: inline-block;
	font-family: arial;
	font-size: 2rem;
	width: 1rem;
	height: 1rem; 
	color: #ffffff;
	cursor: pointer; 
}

.cycle-pager span.cycle-pager-active { color: #878a8f; }

.cycle-pager > * { cursor: pointer; }

#custom-pager {
	position: relative;
	display: block;
	margin: 1rem auto;
}

/*  Ad Image Padding  */
[id$="_portfolioSlideshow"] {
     padding-bottom: 3.5rem;
}

/*  Image Captions  */
[id$="-captions"] {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
     padding-top: 0.5rem;
	color: #ffffff;
	font-weight: 600;
	font-style: italic;
	font-variant: small-caps;
	background: #000000;
	opacity: 1;
	z-index: 700;
}

/*  Image Overlays  */
.cycle-overlay { 
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0;
	z-index: 600;
}

/*  Previous & Next Button Links  */

.cycle-prev, .cycle-next {
	position: absolute;
	top: 0;
	width: 100%;
	max-width: 1rem;
	min-width: 1rem;
	opacity: 1;
	filter: alpha(opacity=1);
	z-index: 800;
	height: 100%;
	cursor: pointer;
}

.cycle-prev {
	left: 0;
	background: url(../images/main/arrowPrevious.png) 50% 42% no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}


.cycle-next {
	right: 0;
	background: url(../images/main/arrowNext.png) 50% 42% no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}


.cycle-prev:hover, .cycle-next:hover {
	opacity: 0.5;
	filter: alpha(opacity=100);
}

.disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/*  display paused text on top of paused slideshow  */
.cycle-paused::after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-100%);
	content: 'Paused';
	color: white;
	font-size: small;
	padding: 0.5rem;
	background: #000000;
	border-radius: 0.75rem;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 500;
}

/* =================     Portfolio Slideshows     =================== */

[id$="portfolioSlideshow"] {
	position: relative;
	display: block;
	width: auto;
	max-width: 48.375rem;
	height: auto;
	margin: 0 auto;
}

div[id^="slideImage"] { width: 100%; height: auto; }

#portfolioSlideshow > div.cycle-slideshow a { width: 100%; height: 100%; }

#portfolioSlideshow > div.cycle-slideshow span { width: 100%; height: 100%; }

[id$="portfolioSlideshow"] > div.cycle-slideshow a img { width: 100%; height: auto; }

[id$="portfolioSlideshow"] > div.cycle-slideshow span img { width: 100%; height: auto; }

[id$="portfolioSlideshow"] [id$="-captions"] {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 83.3333%;
	font-weight: normal;
	font-style: italic;
	font-variant: normal;
}

#slideshowTop {					/*  Slideshows - bottom block for directional controls & contact links  */
	clear: both;
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto ;
	text-align: center;
}

#slideshowTop span {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

#slideshowBottom {					/*  Slideshows - bottom block for directional controls & contact links  */
	clear: both;
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto ;
	text-align: center;
}

#slideshowBottom span {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

#directionalControls {
	position: relative;
	display: block;
	max-width: 100%;
}

#directionalControls span {
	position: relative;
	display: inline-block;
	max-width: 3.5rem;
}

#slideshowTopMiddle {
	position: relative;
	max-width: 14rem;
	vertical-align: middle !important;
	text-align: center;
}

#slideshowBottomLeft {
	display: block;
	max-width: 100%;
	min-width: 25%;
}

#slideshowBottomLeft span {
	position: relative;
	display: block;
	max-width: 10.375rem;
	margin: 0 auto;
}

#slideshowBottomMiddle {
	position: relative;
	max-width: 14rem;
	vertical-align: middle !important;
	text-align: center;
}

#slideshowBottomRight {
	display: block;
	max-width: 100%;
	min-width: 25%;
}

#slideshowBottomRight span {
	display: block;
	max-width: 10.375rem;
	margin: 0 auto;
}

#slideshowBottomLeft span, #slideshowBottomRight span { padding-top: 3.5rem; }

.slideshowContactButtonText i {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 75%;
	font-weight: normal;
	font-style: italic;
	font-variant: normal;
}

/*  ***********  Begin Links to CoC Information   ***********  */

.cocFacebook {
	display: block;
	max-width: 100%;
	height: 0;
	padding-bottom: 55.4217%;
	background: url(../images/portfolio/c_specPub/cocFacebook.png) center center no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.cocEmail {
	display: block;
	max-width: 100%;
	height: 0;
	padding-bottom: 21.6867%;
	background: url(../images/portfolio/c_specPub/cocRequest.png) center center no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.cocCall {
	display: block;
	max-width: 100%;
	height: 0;
	padding-bottom: 21.6867%;
	background: url(../images/portfolio/c_specPub/cocCall.png) center center no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.cocFacebook:hover, .cocEmail:hover, .cocCall:hover { opacity: 0.5; }

/*  ***********  End Links to CoC Information   ***********  */

/*  ***********  Begin Slideshow Links to OHTC Information   ***********  */

.ohtcFacebook {
	display: block;
	max-width: 100%;
	height: 0;
	padding-bottom: 79.51812%;
	background: url(../images/portfolio/c_specPub/ohtcFacebook.png) center center no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.ohtcEmail {
	display: block;
	max-width: 100%;
	height: 0;
	padding-bottom: 21.6867%;
	background: url(../images/portfolio/c_specPub/ohtcRequest.png) center center no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.ohtcCall {
	display: block;
	max-width: 100%;
	height: 0;
	padding-bottom: 21.6867%;
	background: url(../images/portfolio/c_specPub/ohtcCall.png) center center no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.ohtcFacebook:hover, .ohtcEmail:hover, .ohtcCall:hover { opacity: 0.5; }

/*  ***********  End Links to OHTC Information   ***********  */