/* * jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .slider-wrapper{ position:relative;} .slider-main{position:relative;} .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:50%; z-index:9; cursor:pointer; } a.nivo-prevNav { left:0%; background-position:-57px 0; border-radius:0 3px 3px 0; } a.nivo-nextNav { right:0%; background-position:-41px 0 !important; border-radius:3px 0 0 3px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0 5px; position: absolute; text-align: center; width: 100%; bottom:5%; right:auto; z-index:9; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a { border: 0 none; display:inline-block; background-color:#fff; height: 15px; margin:5px; text-indent: -9999px; width:15px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; } .nivo-controlNav a.active { font-weight:bold; background-position: 0 -21px; background-color:#e33062; } #slider-main:hover .nivo-directionNav a { opacity:1;} .nivo-directionNav a { opacity:0; border: 0 none; display: block; height: 43px; text-indent: -9999px; transition: all 200ms ease-in-out 0s; width: 43px; background:url(../images/slide-nav.png) no-repeat left top; background-color:rgba(0,0,0,0.7); } /* Caption styles */ .nivo-caption { position:absolute; left:7%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ color:#fff; z-index:8; overflow: hidden; width:34%; top:50%; transform:translateY(-50%); text-align:left; } .nivo-caption h2{ font:600 35px/35px 'Montserrat', sans-serif; color:#17181d; margin:0 0 15px 0;} .nivo-caption p{ font:400 13px/22px 'Montserrat', sans-serif; margin-bottom:15px; color:#17181d;} .nivo-caption h2 a{color:#e33062; } /* Buttons */ .slidereader{ background-color:#424242; color:#fff; font:500 13px/22px 'Montserrat', sans-serif; padding:10px 30px; display:inline-block;} .slidereader:hover{background-color:#424242; color:#fff;}