/*  -------------------------------------------------------------
    BASE - CLEAR PIXEL 2015
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */


/*  Main Section / Container
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

    .section {
        margin: 0 auto;
        padding: 0 10px;
        max-width: 1180px; /* This is the width of your content area */
    }

    /* Scale images */
    img { 
        max-width: 100%;
    }




/*  Defaults
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

    .section img.mobile {
        width: 100%;
        height: auto;
    }

    .table-cell {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .section .mobile-only,
    .mobile-only {
        display: none;
    }




/*  Lightbox Overrides
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

    @media screen and (max-width: 650px) {

        #jquery-lightbox {
            position: absolute !important;
        }

        #lightbox-container-image-box,
        #lightbox-container-image-box #lightbox_image {
            width: 90% !important;
            height: 90% !important;
            background-color: transparent !important;
        }

        #jquery-lightbox #lightbox-container-image-data-box,
        #jquery-lightbox #lightbox-loading {
            display: none !important;
            opacity: 0;
        }

        #jquery-lightbox #lightbox-image {
            border: 1px #ffffff solid;
        }

        #lightbox-nav {
            display: none !important;
            height: 0 !important;
        }
    }




/*  User Login Updates
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

    @media screen and (max-width: 500px) {

        /* Login Page */

        #main #content #userManage h4.userBoxTitle,
        #main #content #userManage .userBox {
            width: 300px;
        }

        #main #content #userManage #loginBox form {
            padding: 0;
            background: none;
        }

        #main #content #userManage #loginBox #lostPassword {
            display: none;
        }

        #main #content #userManage #loginBox .textbox {
            width: 100%;
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box; /* Opera/IE 8+ */
        }
    }