/* Slideshow Styling
----------------------------------------------------------------------------------------------------*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flexslider .flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/*  Theme Resets  */
.flexslider li, .flexslider ul {padding:0px !important; list-style:none !important; margin-left:0px !important;}
.flexslider .slides li .flex-caption {padding:10px !important; margin-right: -20px;}
.slides, .flex-control-nav, .flexslider .flex-direction-nav {margin: 0 !important; padding: 0 !important;}
.flexslider img {border: 0; padding: 0;}

/* Slideshow Loader */
.slideshow {position:relative;}
.loading {color:#000;background: url(../img/loading.gif) 50% 50% no-repeat;position: absolute; width: 100%; height: 425px;line-height: 425px;text-align: center;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 99.8%; margin: 0em auto; padding: 0; float:left; height:540px; overflow:hidden;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; width: auto; display: block; height: auto; margin: 0 auto}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}


/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 0;}
.flexslider .slides {zoom: 0; height: 470px;
overflow: hidden;
}
.flexslider .slides > li {position: relative;list-style-image:none;overflow: hidden}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 0; position: relative;}

/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}

/* Caption style */
.flexslider .slides li .flex-caption { background:url(../img/repeater-40.png); color:#fff; height:auto; left: 0; padding:10px 20px; font-size:12px; text-align:left; position:absolute; width:100%; top:0; text-shadow:1px 1px 1px #000; font-style:italic; }

.gpp_slideshow_menu {color:#444; text-transform:uppercase; margin: -5em 0 0.5em; text-indent:-999em; width: 100%; position: relative; z-index: 99}
.gpp_slideshow_menu a { color:#444; }
.gpp_slideshow_menu a:hover { color:#555; }
.gpp_slideshow_thumbnails li { line-height: 0;list-style-image: none;margin: 0;padding: 0;}
ul.flex-direction-nav li { line-height: 0;list-style-image: none;margin: 0;padding: 0;}
.flex-direction-nav {width: 40px; list-style:none; position:relative; top:240px;}
.gpp_slideshow_menu a {text-decoration: none; border: none; height:32px; width:33px;}
.flex-direction-nav a.prev {float:left; background-image: url(../img/controls_carousel_red.png); position:relative; left:2%;top:143px; background-position: 0 -0px; opacity:0.7;}
.flex-direction-nav li a  {position:static; opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;}
 .flexslider:hover .flex-direction-nav li a {opacity:1;}
.flex-direction-nav a.prev:hover {background-position: 0px 0px;opacity:1;}
.flex-direction-nav a.next {float:right; clear:left; background-image: url(../img/controls_carousel_red.png); position:relative; right: 2%; background-position: -43px -0px; opacity:0.7;}
.flex-direction-nav a.next:hover {background-position: -43px 0;opacity:1;}
.flex-direction-nav {display:none;}
.slideshow_nav ul.flex-direction-nav {display:block; position:relative;top: 150px;z-index: 999; width:100%;}

.gpp_slideshow_menu .slideshow_options {float:left; width: 64px; margin-right: 24px }
.gpp_slideshow_menu .slideshow_options a.show_thumbnails { float:left; background-image: url(../img/slideshow-icons.png); width: 20px; height: 16px; background-position: -1px 0px; margin-right: 24px}
.gpp_slideshow_menu .slideshow_options a.show_thumbnails:hover { background-position: -1px -18px }
.gpp_slideshow_menu .slideshow_options a.show_captions { float:left; background-image: url(../img/slideshow-icons.png); width: 20px; height: 16px; background-position: -24px 0px}
.gpp_slideshow_menu .slideshow_options a.show_captions:hover { background-position: -24px -18px }

#gpp_slideshow_pager {float:left; margin-left: 50px}
#gpp_slideshow_pager a { padding:4px 7px; background:#333; color:#555; margin:0 4px; -moz-border-radius:9px; }
#gpp_slideshow_pager a:hover,#gpp_slideshow_pager li.active { background:#555; color:#999; }

ul.gpp_slideshow_thumbnails { margin:0; padding: 0; height: 75px; width: 100%; position: absolute; top: 465px; z-index: 100;}
ul.gpp_slideshow_thumbnails li { display:inline;margin:0; padding: 0;}
ul.gpp_slideshow_thumbnails li a { padding: 0px; margin: 0 12px 15px 0;float:left; display: block; width:60px; height:60px; border:none}
ul.gpp_slideshow_thumbnails li img, ul.gpp_slideshow_thumbnails li img.thumbnail, ul.gpp_slideshow_thumbnails li img.attachment-thumbnail { margin: 0; width:60px; height:60px; padding:0; }
ul.gpp_slideshow_thumbnails li a img { padding: 5px; filter:alpha(opacity=30); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; border:none; padding:0;}
ul.gpp_slideshow_thumbnails li a.active img,ul.gpp_slideshow_thumbnails li a:hover img { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; }


.flexslider .slides li .flex-caption { top: -50px; }

/* Archive */
#gallery h1 {margin-top:20px}
.post-type-archive-gallery h2, .tax-gallery_collections h2 { font-size: 1.1em; text-transform: uppercase }

/* Grid */
.gppss-grids { width:auto; max-width:100%; clear:both; margin:0; list-style:none; overflow:hidden; }
.gppss-grid { float:left; margin:0 2.127659574468% 1em 0; width:31.914893617021%; }
.gppss-grid img { max-width: 100%; width: 100%; display: block; height: auto; }

.gppss-grid.last { margin-right: 0; }

@media screen and (max-width:640px) {
    .gppss-grid {
        float:none;
        display: block;
        margin:0 auto;
        text-align: center;
        width:100%;
    }
}
/* iPads (portrait) ----------------------------------------------------------------------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    ul.gpp_slideshow_thumbnails {
        position:absolute; 
        top: 320px; 
    }
    .flexslider {
        height:400px !important;
        overflow:hidden;
        }

        .flexslider .slides {
        zoom: 0;
        height: 320px !important;
        overflow: hidden;
        }
        ul.gpp_slideshow_thumbnails { 
            top: 330px; 
            height: 75px; 
            overflow:hidden;
        }

        .flex-direction-nav a.next {
            float: right;
            background-image: url(../img/controls_carousel_red.png);
            right: 2%;
        }
        .slideshow_nav ul.flex-direction-nav {
        display: block;
        position: relative;
        z-index: 999;
        top:80px;
        }
    }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

      ul.gpp_slideshow_thumbnails {
        position:absolute; 
        top: 320px; 
    }
    .flexslider {
        height:320px !important;
        overflow:hidden;
        }

        .flexslider .slides {
        zoom: 0;
        height: 320px !important;
        overflow: hidden;
        }
        ul.gpp_slideshow_thumbnails { 
            top: 390px; 
            height: 75px; 
            overflow:hidden;
        }

        .flex-direction-nav a.next {
            float: right;
            background-image: url(../img/controls_carousel_red.png);
            right: 2%;
        }
        .slideshow_nav ul.flex-direction-nav {
        display: block;
        position: relative;
        z-index: 999;
        top:90px;
        }


    }

    @media screen and (max-width : 320px) and (orientation : portrait) { 
         .flexslider {
        height:180px;
        overflow:hidden;
        }
         .flexslider .slides {
        height: 180px ;
        overflow: hidden;
        }
        .flex-direction-nav a.prev {
            left:13px; 
            top: 120px;
            left: 8px;
            }
            .flex-direction-nav a.next {
                right: 2%;
            }
    }
@media screen and (max-width: 560px) {
	.flexslider {
		height: 385px;
	}
}