/* 
    Created on : 10/10/2014, 11:24:14 AM
    Author     : Rhys Emmerson <rhys@almostanything.com.au>
*/

.gm8-image-wrap {
    position: relative;
    /*max-width: 1100px;*/
    margin: 1em auto;

}

.gm8-image-wrap.columned .gm8-main-image {
    float: left;
    width: 70.5%;
}

.gm8-main-image > div {
    background: #fff;
}

.gm8-image-wrap.columned .gm8-image-list {
    float: right;
    width: 28%;
}

.gm8-main-image img {
    display: block;
    max-height: none;
    margin:0 auto;
}

.gm8-object-thumbnail {
    margin: 0;
    /*margin-left: -10px;*/
    /*margin-right: -10px;*/
    padding: 0;
    display: block;
    list-style: none;
    box-sizing: border-box;
}

.gm8-image-list img {
    max-width: 100%;
    float:right;
    /*margin-right: 4%;*/
    height: auto;;
    width: 100%;
}

.gm8-object-thumbnail > div {
    overflow: hidden;
    cursor: pointer;
    width: 50%;
    margin: 0px;
    margin-bottom: 10px;
    float: left;
    box-sizing: border-box;
    position: relative;
    padding: 0 8px 0 0;
}
/*.gm8-object-thumbnail > div:nth-child(2n) {
    padding: 0 10px 0 5px;
}*/

.gm8-image-wrap .slick-prev:before {
    display: none;
}
.gm8-image-wrap .slick-prev, .gm8-image-wrap .slick-next {

}

.gm8-image-wrap .slick-prev {
    margin-left: 0px;
    float: left;
}
.gm8-image-wrap .slick-next {
    float: right;
    margin-right: 8px;
}

.gm8-image-wrap .button, .gm8-image-wrap button {
    color: #fff;
    background: #42a316;
    border: none;
    cursor: pointer;
    font-weight: bold;
    border-radius: 3px;
    padding: .25em .65em;
    text-decoration: none;
    -webkit-appearance: none;
}

.gm8-main-image > div {
    /*background: #F0F0F0;*/
}
.gm8-caption {
    height: 42px;
    /*max-width: 700px;*/
    margin: 0 auto;
    background: #ddd;
    color: #666;
    padding-left: 10px;
    padding-top: 5px;
}

.gm8-not-loaded > img {
    margin:0 auto;
}

@media screen and (max-width: 860px) {
    .gm8-image-wrap.columned .gm8-main-image {
        width: 100%;
    }

    .gm8-image-wrap.columned  .gm8-image-list {
        width: 100%;
    }

    .gm8-image-wrap.columned .gm8-object-thumbnail > div {
        padding: 0px;
        margin-left: 1%;
        width: 15.83%;
    }

    .gm8-image-wrap.columned .gm8-object-thumbnail > div:nth-child(1) { 
        margin-left: 0px;
    }

    .gm8-image-wrap.columned button.slick-next {
        margin-right: 0px;
    }
}

@media screen and (max-width: 576px) {
    .gm8-image-wrap.columned .gm8-object-thumbnail > div {
        width: 32.33%;
        margin-left: 1.5%;
    }

    .gm8-image-wrap.columned .gm8-object-thumbnail > div:nth-child(1), 
    .gm8-image-wrap.columned .gm8-object-thumbnail > div:nth-child(4) { 
        margin-left: 0px;
    }

}