@charset "utf-8";
/* CSS Document */
/**************************************
 Filename: slideShow.css
 Author: Laurie Callahan
 Create Date: 14 August 2020
 Purpose: Provide styling for the slideShow plugin
 MODIFICATION DATE:
 23 July 2025 (LJC)
**************************************/

/* ============= Slides and Container ============ */
		.slideContainer {
			max-width: 400px;
			max-height: 400px;
			position: relative;
			margin: auto;
			overflow: hidden;
		} .mySlides {
			width: 400px;
			height: 400px;
			margin-left: auto;
			margin-right: auto;
		} .fadeSlide {
			animation-name: fading;
			animation-duration: 1s;
			animation-delay: 0s;
			animation-iteration-count: infinite;
		} @keyframes fading {
			0%{opacity:0}
			15%{opacity: 1}
			50%{opacity:1}
			85%{opacity:1}
			100%{opacity:0}
		}

/* ============= Dots and Container ============ */
		.dotContainer {
			text-align: center;
			width: 400px;
			margin: auto;
		}.dot {
			cursor: pointer;
			height: 15px;
			width: 15px;
			margin: 0 2px;
			background-color: #bbb;
			border-radius: 50%;
			display: inline-block;
			transition: background-color 0.6s ease;
		}.active, .dot:hover {
			background-color: #717171;
		}
		
/* ============= Previous & Next Buttons ============ */
	.prev, .next {
			cursor: pointer;
			position: absolute;
			top: 50%;
			width: auto;
			margin-top: -22px;
			padding: 16px;
			color: white;
			font-weight: bold;
			font-size: 18px;
			transition: 0.6s ease;
			border-radius: 0 3px 3px 0;
			user-select: none;
		} .prev {
			left: 0;
			border-radius: 3px 0 0 3px;
		} .next {
			right: 0;
			border-radius: 3px 0 0 3px;
		} .prev:hover, .next:hover {
			background-color: rgba(0,0,0,0.8);
		}

/* ============= Photography Credit ============ */
	.credit {
		position: absolute;
		bottom: 0;
		right: 2px;
		font-size: 0.7rem;
		font-weight: normal;
		background-color: rgba(255, 255, 255, 0.6);
		box-shadow: 0 0 4px 4px rgba(255, 255, 255, 0.6);
	}