/**
 * @author    RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2014 RocketTheme, LLC
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */
/* Layout - Sprocket Lists - Core */
.sprocket-lists-portrait {
    position: relative;
}

.sprocket-lists-portrait:after {
    display: table;
    content: "";
    *zoom: 1;clear: both;
}

.sprocket-lists-portrait ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.sprocket-lists-portrait-container {
    overflow: hidden;
    padding: 0 !important;
}

.sprocket-lists-portrait-container li {
    padding: 15px 15px 0 15px;
    margin: 0;
    clear: both;
    overflow: hidden;
    cursor: pointer;
    background-color: #fafafa
}

.sprocket-lists-portrait-container li.active {
    cursor: inherit;
    border-top: 2px solid;
    background-color: #fff;
}

/* Layout - Sprocket Lists - Items */
.sprocket-lists-portrait-item {
    display: block;
    position: relative;
}

.active .sprocket-lists-portrait-item {
    opacity: 1;
    margin-bottom: 0;
}

.sprocket-lists-portrait-title {
    display: block;
    position: relative;
    font-size: 1.2em !important;
    line-height: 1.2em !important;
    margin: 15px 0;
}

.sprocket-lists-portrait-item .sprocket-padding, .sprocket-lists-portrait-collapsed {
    padding: 10px;
    display: flex;
    display: -webkit-flex;
}

.active .portrait-image {
    width: 30%;
}

.portrait-image {
    width: 50px;
    display: inline-block;
    margin: 0 10px 0 0;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    float: left;
    min-height: 100px;
}

.sprocket-lists-portrait-item .readon {
    display: inline-block;
    margin-top: 15px;
}

/* Layout - Sprocket Lists - Navigation */
.sprocket-lists-portrait-nav {
    display: table;
    width: 100%;
    padding: 5px;
}

.sprocket-lists-portrait-pagination {
    display: table-cell;
    vertical-align: middle;
}

.sprocket-lists-portrait-pagination ul {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
}

.sprocket-lists-portrait-pagination li {
    display: inline-block;
    padding: 4px !important;
    opacity: 0.4;
    border-radius: 1em;
    cursor: pointer;
}

.sprocket-lists-portrait-pagination li.active {
    opacity: 1;
}

.sprocket-lists-portrait-pagination li span {
    display: none;
    font-size: 0.85em;
    line-height: 1em;
}

.sprocket-lists-portrait-pagination-hidden {
    display: none;
}

.sprocket-lists-portrait-arrows {
    display: table-cell;
    vertical-align: middle;
}

.sprocket-lists-portrait-arrow ul {
    float: right;
    margin: 0 !important;
    padding: 0 !important;
}

.sprocket-lists-portrait-arrows .arrow {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 1em;
    opacity: 0.7;
    cursor: pointer;
    float: right;
    margin-left: 5px;
    text-align: center;
    font-size: 2em;
    position: relative;
}

.sprocket-lists-portrait-arrows .arrow:hover {
    opacity: 1;
}

.sprocket-lists-portrait-arrows .arrow:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.sprocket-lists-portrait-arrows .prev:before {
    left: 50%;
    margin-left: -3px;
    border-right: 5px solid;
}

.sprocket-lists-portrait-arrows .next:before {
    right: 50%;
    margin-right: -3px;
    border-left: 5px solid;
}

/* Layout - Sprocket Lists - Colors */
.sprocket-lists-portrait-pagination li {
    background: #000;
    color: #fff;
}

.sprocket-lists-portrait-arrows .arrow {
    background: #ccc;
    color: #222;
    border-color: #303030;
}

/* Layout - Sprocket Lists - Transitions */
.sprocket-lists-portrait-arrows .arrow {
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}

/* Spinner */
.sprocket-lists-portrait.loading .spinner {
    width: 16px;
    height: 16px;
    background-image: url(data:image/gif;base64,R0lGODlhEAAQALMAAP8A/7CxtXBxdX1+gpaXm6OkqMnKzry+womLj7y9womKjwAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgAAACwAAAAAEAAQAAAESBDICUqhmFqbZwjVBhAE9n3hSJbeSa1sm5HUcXQTggC2jeu63q0D3PlwAB3FYMgMBhgmk/J8LqUAgQBQhV6z2q0VF94iJ9pOBAAh+QQBCgALACwAAAAAEAAQAAAES3DJuUKgmFqb5znVthQF9h1JOJKl96UT27oZSRlGNxHEguM6Hu+X6wh7QN2CRxEIMggExumkKKLSCfU5GCyu0Sm36w3ryF7lpNuJAAAh+QQBCgALACwAAAAAEAAQAAAESHDJuc6hmFqbpzHVtgQB9n3hSJbeSa1sm5GUIHRTUSy2jeu63q0D3PlwCx1lMMgQCBgmk/J8LqULBGJRhV6z2q0VF94iJ9pOBAAh+QQBCgALACwAAAAAEAAQAAAESHDJuYyhmFqbpxDVthwH9n3hSJbeSa1sm5HUMHRTECy2jeu63q0D3PlwCx0FgcgUChgmk/J8LqULAmFRhV6z2q0VF94iJ9pOBAAh+QQBCgALACwAAAAAEAAQAAAESHDJuYSgmFqb5xjVthgG9n3hSJbeSa1sm5EUgnTTcSy2jeu63q0D3PlwCx2FQMgEAhgmk/J8LqWLQmFRhV6z2q0VF94iJ9pOBAAh+QQBCgALACwAAAAAEAAQAAAESHDJucagmFqbJ0LVtggC9n3hSJbeSa1sm5EUQXSTYSy2jeu63q0D3PlwCx2lUMgcDhgmk/J8LqWLQGBRhV6z2q0VF94iJ9pOBAAh+QQBCgALACwAAAAAEAAQAAAESHDJuRCimFqbJyHVtgwD9n3hSJbeSa1sm5FUUXSTICy2jeu63q0D3PlwCx0lEMgYDBgmk/J8LqWLw2FRhV6z2q0VF94iJ9pOBAAh+QQBCgALACwAAAAAEAAQAAAESHDJuQihmFqbZynVtiAI9n3hSJbeSa1sm5FUEHTTMCy2jeu63q0D3PlwCx3lcMgIBBgmk/J8LqULg2FRhV6z2q0VF94iJ9pOBAA7);
}