@import '../../../../source/core/css/core.config.less';

.slider-wrapper {position:relative}
.nivoSlider {height:auto; width:100%; position:relative; overflow:hidden}
.nivoSlider img {position:absolute; top:0px; left:0px; max-width:none}
.nivo-main-image {width:100% !important; position:relative !important; display:block !important}

// If an image is wrapped in a link
.nivoSlider a.nivo-imageLink {height:100%; width:100%; position:absolute; top:0px; left:0px; margin:0; padding:0; border:0; z-index:6; display:none; background:white; opacity:0}

// The slices and boxes in the Slider
.nivo-slice {display:block; height:100%; position:absolute; top:0; z-index:5}
.nivo-box {display:block; position:absolute; overflow:hidden; z-index:5}
.nivo-box img {display:block}

// Caption styles
//.nivo-caption {position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding:5px 10px; opacity:0.8; overflow:hidden; display:none; -moz-opacity:0.8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.nivo-caption {position:absolute; left:0px; bottom:0px; background:none; color:#fff; width:100%; z-index:8; padding:5px 10px; opacity:1; overflow:hidden; display:none; -moz-opacity:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.nivo-caption p {padding:5px; margin:0}
//.nivo-caption a {display:inline !important}
.nivo-html-caption {display:none}

// Direction nav styles (e.g. Next & Prev)
.nivo-directionNav a {position:absolute; top:45%; z-index:9; cursor:pointer}
.nivo-prevNav {left:0px}
.nivo-nextNav {right:0px}

// Control nav styles (e.g. 1,2,3...)
.nivo-controlNav {text-align:center; padding:15px 0}
.nivo-controlNav a {cursor:pointer}
.nivo-controlNav a.active {font-weight:bold}

// Theme
.theme-default .nivoSlider {position:relative} // background:#fff url('@{baseUrlXcodeShare}/plugin/slider/nivoslider/img/loading.gif') no-repeat 50% 50%
//.theme-default .nivoSlider img {position:absolute; top:0px; left:0px; display:none}
//.theme-default .nivoSlider a {border:0; display:block}

.theme-default .nivo-controlNav {display:none; width:100%; position:absolute; bottom:0px; text-align:center; padding:0; z-index:10}
.theme-default:hover .nivo-controlNav {display:block}
.theme-default .nivo-controlNav a {width:22px; height:22px; background:url('@{baseUrlXcodeShare}/plugin/slider/nivoslider/img/pager.png') no-repeat; display:inline-block; text-indent:-9999px; border:0; margin:0 2px}
.theme-default .nivo-controlNav a.active {background-position:0 -40px}

.theme-default .nivo-directionNav a {width:30px; height:30px; background:url('@{baseUrlXcodeShare}/plugin/slider/nivoslider/img/arrows.png') no-repeat; display:block; text-indent:-9999px; border:0; opacity:0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out}
.theme-default:hover .nivo-directionNav a {opacity:1}
.theme-default a.nivo-nextNav {background-position:-30px 0; right:15px}
.theme-default a.nivo-prevNav {left:15px}

//.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif}
//.theme-default .nivo-caption a {color:#fff; border-bottom:1px dotted #fff}
//.theme-default .nivo-caption a:hover {color:#fff}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {width:100%}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {width:auto; height:auto; background:none; margin-bottom:5px}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {display:block; width:120px; height:auto}