/** TEMPLATE: IMAGE-BUTTON-PARAGRAPH SLIDER / HISTORY SLIDER **/
.content .history-item h2, .history-item h2 {
    border-bottom: 1px #feb926 solid;
    padding-top: 10px;
    margin-bottom: 10px;
}

.history-item {
    margin-bottom: 30px;
}

.view-history .arrow {
    display: none;
}

@media screen and (min-width: 1032px) {
    .view-history .view-content {
        position: relative;
        display: none;
    }

    .history-item {
        margin-bottom: 0;
    }

    .history-item img {
        margin-bottom: 65px;
    }

    .history-item img, .views-field-field-history-description {
        display: none;

        /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;*/
    }

    .history-item.active img, .history-item.active .views-field-field-history-description {
        display: block;

        /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;*/
    }

    .content .history-item h2, .history-item h2 {
        background: #f6f6f6;
        border: 1px #d1d1d1 solid;
        text-align: center;
        color: #838383;
        font-weight: 400;
        font-size: 14px;
        display: inline-block;
        height: 34px;
        width: 100px;
        padding: 0;
        line-height: 34px;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;

        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .history-item.active h2 {
        background: #feb926;
        border-color: #feb926;
        color: #fff;
    }

    .history-container .arrow, .view-history .view-content .arrow {
        position: absolute;
        top: 150px;
        color: #f6f6f6;
        font-size: 36px;
        cursor: pointer;
        text-align: center;
        background: #feb926;
        width: 26px;
        height: 60px;
        line-height: 60px;

        background-color:rgba(254,185,38,0.5);

        display: block;

        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .history-container .arrow:hover, .view-history .view-content .arrow:hover {
        background-color: rgba(254,185,38,1);
    }

    .history-container .prev, .view-history .view-content .prev {
        left: 25px;
    }

    .history-container .next, .view-history .view-content .next {
        right: 25px;
    }

}