/*
  Theme Name: picturekeytechnologies.com
  Author: Lucas Jordan
  Description: Innovation Page Styles
  Version: 0.0.1
  Copyright: Raremedia Pty Ltd (Andrew Davidson)'
*/


/*-----------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
-------------------------------------------------------------------------------
#   innovationCarousel
#   Thumbnail gallery
-----------------------------------------------------------------------------*/


.loader-wrapper {
    display: none;
}
#wrapper {
    visibility: inherit;
    overflow: auto;
}
body {
    overflow: auto;
}
/*-----------------------------------------------------------------------------
#   innovationCarousel
-----------------------------------------------------------------------------*/
.rm-carousel {
    margin: 0 0 3.125em 0
}
.rm-carousel > .inner .slide span {
    font-size:  0.688em;
    font-weight: 500;
    line-height: 1.02;
    margin: 0 auto;
    padding: 0
}
.rm-carousel > .inner .slide.slide-6 span {
    margin-left: -10px;
}


/*-----------------------------------------------------------------------------
#   Thumbnail gallery
-----------------------------------------------------------------------------*/
.gallery-thumbnail {
    margin: 3.125em auto 3.125em auto;
}
.custom-gallery-overlay {
    display: block;
    position: relative;
    margin: 2.7em;
    padding: 0;
    width: calc( 100% - 5.4em);
    height: calc( 100% - 5.4em);
    overflow: hidden;
}
.custom-gallery-overlay .gallery-img {
    display: block;
    position: relative;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 66.666%;
    height: 100%;
    float: left;
}
.custom-gallery-overlay .gallery-img img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.custom-gallery-overlay .gallery-caption {
    display: block;
    position: relative;
    margin: 0;
    padding: 0em 1em 1em 1em;
    width: 33.333%;
    height: 100%;
    color: #ffffff;
    float: left;
    overflow: hidden;
    overflow-y: scroll;
}
.custom-gallery-overlay .gallery-caption h4 {
    margin: 0em 0em 2em 0em;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .custom-gallery-overlay .gallery-img,
    .custom-gallery-overlay .gallery-caption {
        width: 50%;
    }
}
@media screen and (min-width: 120px) and (max-width: 768px) {
    .custom-gallery-overlay .gallery-img{
        width: 100%;
        height: 50%;
        float: none;
        margin-bottom: 2em;
    }
    .custom-gallery-overlay .gallery-img img {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto;
        max-height: 100%;
    }
    .custom-gallery-overlay .gallery-caption {
        width: 100%;
        height: 50%;
        height: calc( 50% - 2em);
        float: none;
    }
}
/* Fix for mobile landscape */
@media screen and (max-width: 768px) and (orientation: landscape) {
    .custom-gallery-overlay .gallery-img{
        width: 100%;
        height: 60%;
        margin-bottom: 1em;
    }
    .custom-gallery-overlay .gallery-img  img {
        height: 100%;
        width: auto;
    }
    .custom-gallery-overlay .gallery-caption {
        width: 100%;
        height: 40%;
        height: calc( 40% - 1em);
    }
}