/* * 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 */ *{ margin: 0; padding: 0; -moz-box-sizing: border-box; } /*==========================*/ .theme-mi-slider .nivoSlider{ position:relative; } .theme-mi-slider .nivoSlider a { border:0; display:block; } /* Nivo Pagination =========================*/ .nivo-controlNav{ display: flex; justify-content: center; } .theme-mi-slider .nivo-control{ display: block; width: 10px; height: 10px; border-radius: 50%; background-color:rgba(255,255,255,0); margin: 3px; text-indent: -9999px; border: 5px;border:solid; border-width: 3px;border-color: #333; } .theme-mi-slider .nivo-control:hover{ background: #333; border: 5px; border:solid; border-width: 3px;border-color: #333; } .theme-mi-slider .active{ background: #fff;border: 5px;border:solid; border-width: 3px;border-color: #333; } /* Nivo direction ============*/ .nivo-directionNav a{ display: block; width: 30px; height: 30px; } .nivo-directionNav .nivo-prevNav{ background-image: url(../img/icons/circle-left.png); background-size: cover; text-indent: -9999px; left: 6px; } .nivo-directionNav .nivo-nextNav{ background-image: url(../img/icons/circle-right.png); background-size: cover; text-indent: -9999px; right: 6px; } /*Nivo Caption*/ #nivo-html-caption{ position: absolute; z-index:7; font-size:24px;font-weight: bold; text-align: center; width:98%;left:0; text-shadow: -1px -1px 4px #000; } .spanx{ display:none; } @media (min-width: 768px){ #nivo-html-caption{ position: absolute; z-index:7; font-size:56px; font-weight: bold; text-align: center;width:98%;left:0; } .spanx{ display:block; font-size:18px; margin: auto;line-height: 200px; } } @media (min-width: 1024px){ #nivo-html-caption{ font-size:72px; } .spanx{ font-size:24px; line-height: 240px; } }