﻿body {
    padding-top: 15px;
    padding-bottom: 20px;
    overflow-x: hidden;
}

@media (min-width: 1600px) {
    .container {
        width: 1536px;
    }
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.thumb {
    transition: padding 0.25s;
    padding: 15px;
    height: auto;
}

/*.thumb.hover {
    padding: 0px;
}*/

.thumb[data-caption]:after {
    content: attr(data-caption);
    position: absolute;
    height: 25px;
    line-height: 25px;
    background-color: black;
    color: white;
    bottom: 15px;
    left: 15px;
    right: 15px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 15px;
    opacity: 0;
    transition: left 0.25s, right 0.25s, bottom 0.25s, opacity 0.25s;
}

.thumb[data-caption]:hover:after {
    /*bottom: 0;
    left: 0;
    right: 0;*/
    opacity: 0.5;
}

text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.img-center {
    margin: 15px auto;
}

[draggable=true] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
    cursor: move !important;
}

html, body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Roboto, sans-serif;
}

form.ajax-form {}

form[data-redirect], a[data-redirect]{}

a.ajax-call {}

div.lense {
    background-repeat: no-repeat;
    cursor: crosshair;
}

div.lense img {
    transition: visibility 1.25s, opacity 1.25s;
}

div.lense:hover img {
    visibility: hidden;
    opacity: 0;
}

a {
    color: #333;
}

a:hover {
    text-decoration: underline;
    color: #000;
}

.nav>li.active>a, .nav>li.active>a:hover, .nav>li.active>a:focus {
    background-color: #fff;
    color: black;
    font-weight: bold;
}

.nav>li>a {
    padding: 5px 15px;
    margin-left: -30px;
}