/**
 * @version   Pluton- Joomla 
 * @author    jvgtheme| Framework: RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2015 jvgtheme | Framework: Copyright (C) 2007 - 2014 RocketTheme, LLC
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */

/**
* @version   $Id: extensions.less 
*/

@import 'variables';
@import 'mixins';
@import 'icomoon';
@import 'menu';
@import 'theme';

	
// RokSprocket

[class*="pagination"] {
    li {
        background: @major_color;
        position: relative;
        display: block;
        float: left;
        margin: 0 5px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        border-radius: 50%;
        -webkit-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;

        span {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            outline: none;
            display: block;
            border-radius: 50%;
            background-color: @major_color;
            text-indent: -999em;
            cursor: pointer;
            position: absolute;
            -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
            transition: background-color 0.3s ease, transform 0.3s ease;

            &:hover, &:focus {
            }
        }

        &.active {
            background-color: darken(@major_color, 1%) !important;


            span {
                -webkit-transform: scale(0.4);
                transform: scale(0.4);
            }
        }
    }
}

   [class*="arrows"] {
        .arrow {
            border: 1px solid @linkcolor;

            &:before {
                color: @linkcolor;
            }

            &:hover {
                background: @white;

                &::before {
                }
            }
        }
    }

    [class*="navigation"] {
        .arrow {
            border: 1px solid @linkcolor;

            &:before {
                color: @linkcolor;
            }

            &:hover {
                background: @white;

                &::before {
                }
            }
        }
    }

[class*="sprocket"] .sprocket-strips-container .sprocket-strips-content {
background: #FFF ;
padding: 30px;
border: 1px solid #ddd;
transition: all 400ms ease 0s;
color: #333;
}
