/*	This software is the unpublished, confidential, proprietary, intellectual
	property of Kim David Software, LLC and may not be copied, duplicated, retransmitted
	or used in any manner without expressed written consent from Kim David Software, LLC.
	Kim David Software, LLC owns all rights to this work and intends to keep this
	software confidential so as to maintain its value as a trade secret.

	Copyright 2004-Present, Kim David Software, LLC.

	WARNING! This code is part of the Kim David Software's Coreware system.
	Changes made to this source file will be lost when new versions of the
	system are installed.
*/

.image-slider-outer { overflow: hidden; position: relative; margin: 0 0 20px 0; max-width: 100%; }
.image-slider-outer-mask { height: 100%; width: 100%; z-index: 100; background-color: rgba(255,255,255,.7); position: absolute; top: 0; left: 0; cursor: pointer; }
.image-slider-block { height: 100%; position: absolute; left: 100%; top: 0; bottom: 0; white-space: nowrap; z-index: 50; }
.image-slider-block-vertical { width: 100%; position: absolute; top: 100%; left: 0; right: 0; white-space: nowrap; z-index: 50; }
.image-slider-part { display: inline-block; margin-right: 20px; width: 100%; height: 100%; max-width: 100%; z-index: 10; text-align: center; vertical-align: top; position: relative; overflow: hidden; background-color: rgb(255,255,255); }
.image-slider-part.vertical-part { display: block; margin-right: 0; margin-bottom: 20px; }
.image-slider-part.single-image { display: block; position: absolute; top: 0; left: 100%; margin: 0; }
.image-slider-part.selected-image { z-index: 20; }
.image-slider-part.selected-image .image-slider-outer-mask { display: none; }
.image-slider-text { background-color: rgb(230,230,230); padding: 15px; position: absolute; left: 0; bottom: 0; width: 100%; }
.image-slider-part p { text-align: center; white-space: normal; line-height: 1.25; padding: 0 10px; width: 100% !important; color: rgb(80,80,80); }
.image-slider-part img.image-slider-image { max-width: 100%; }
.image-slider-part p.image-slider-title { font-size: 1.2rem; font-weight: bold; margin-bottom: 5px; text-align: left; }
.image-slider-part div.image-slider-description { font-size: .8rem; text-align: left; white-space: normal; }
.image-slider-left-control { cursor: pointer; height: 40px; width: 30px; background-color: rgba(240,240,240,.7); position: absolute; top: 50%; margin-top: -20px; left: 0; z-index: 200; border-top-right-radius: 1px; border-bottom-right-radius: 1px; text-align: center; }
.image-slider-left-control .fa { color: rgb(50,50,50); font-size: 18px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.image-slider-right-control { cursor: pointer; height: 40px; width: 30px; background-color: rgba(240,240,240,.7); position: absolute; top: 50%; margin-top: -20px; right: 0; z-index: 200; border-top-left-radius: 1px; border-bottom-left-radius: 1px; text-align: center; }
.image-slider-right-control .fa { color: rgb(50,50,50); font-size: 18px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.image-slider-top-control { cursor: pointer; height: 30px; width: 40px; background-color: rgba(240,240,240,.7); position: absolute; top: 0; margin-left: -20px; left: 50%; z-index: 200; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; text-align: center; padding-top: 5px; }
.image-slider-top-control .fa { color: rgb(50,50,50); font-size: 18px; }
.image-slider-bottom-control { cursor: pointer; height: 30px; width: 40px; background-color: rgba(240,240,240,.7); position: absolute; bottom: 0; margin-left: -20px; left: 50%; z-index: 200; border-top-right-radius: 1px; border-top-left-radius: 1px; text-align: center; padding-top: 6px; }
.image-slider-bottom-control .fa { color: rgb(50,50,50); font-size: 18px; }