/* Galleria Classic Theme 2012-08-07 | https://raw.github.com/aino/galleria/master/LICENSE | (c) Aino */


/*Stops photo gallery from flickering on load*/
@media (min-width: 521px) {#bodytext.photos {height: 855px;}}
@media (max-width: 520px) {#bodytext.photos {height: 880px;}}
@media (max-width: 450px) {#bodytext.photos {height: 770px;}}
@media (max-width: 399px) {#bodytext.photos {height: 720px;}}
@media (max-width: 350px) {#bodytext.photos {height: 660px;}}
@media (max-width: 300px) {#bodytext.photos {height: 610px;}}

#galleria_back {background-color:#FDF3BD; width: 100%;}



.galleria-theme-classic {background-color: #444;}
.galleria-theme-classic .galleria-info, .galleria-theme-classic .galleria-info-title, .galleria-theme-classic .galleria-info-description {color: #000; background-color: #FDF3BD !important;} /*should match page background*/
.galleria-info-description {text-align: center; font-size: 15px !important;}

/*Prevents background color in description area when no description:*/
.galleria-theme-classic .galleria-stage {top: 0 !important; margin-top: 1px !important;}
/*Adds top border when description is added:
.galleria-theme-classic .galleria-info {border-bottom: 1px solid #444;}*/

/*If 5 or fewer images, use this to add left margin to thumbnails (doesn't work with right margin if 6 images):
.galleria-theme-classic .galleria-thumbnails {margin-left: 30px;}*/

/*If no captions:*/
.galleria-theme-classic .galleria-info, .galleria-theme-classic .galleria-info-title, .galleria-theme-classic .galleria-info-description {display: none !important; visibility: hidden !important;}
.galleria-theme-classic .galleria-stage {top: 0 !important; margin-top: 1px !important;}

/*If no border desired:
.galleria-theme-classic .galleria-stage {right: 0 !important; left: 0 !important; margin-top: 0 !important;}*/



@media (min-width: 521px) {
#galleria {width: 460px;}
.fullscreen {display: none;}
.galleria-theme-classic .galleria-stage {bottom: 125px;}
.galleria-theme-classic .galleria-thumbnails .galleria-image {height: 100px; width: 73px;}
.galleria-theme-classic .galleria-thumbnails-container {height: 115px;}
.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right {top: 23px; background-position: -495px 0px;}
.galleria-theme-classic .galleria-thumb-nav-right {background-position: -578px 0px;}
}

@media (max-width: 520px) {
#galleria {margin: auto; width: 95%;}
.fullscreen {width: 100%; text-align: center;}
.galleria-theme-classic .galleria-thumbnails .galleria-image {height: 80px; width: 55px;}
.galleria-theme-classic .galleria-stage {bottom: 110px;}
.galleria-theme-classic .galleria-thumbnails-container {height: 100px;}
.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-info-title, .galleria-theme-classic .galleria-info-description {white-space: nowrap; overflow: hidden;}
.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right {display: block; background-position: -495px -3px; top: 22px;}
.galleria-theme-classic .galleria-thumb-nav-right {background-position: -578px -3px;}
}

@media (max-width: 399px) {
#galleria {width: 100%;}
.galleria-theme-classic .galleria-thumbnails .galleria-image {height: 60px; width: 40px;}
.galleria-theme-classic .galleria-stage {bottom: 80px;}
.galleria-theme-classic .galleria-thumbnails-container {height: 70px;}
.galleria-theme-classic .galleria-image-nav {top: 53% !important;}
.galleria-theme-classic .galleria-image-nav-left {left: -3px !important; width: 23px !important;}
.galleria-theme-classic .galleria-image-nav-right {right: -0px !important; width: 23px !important;}
.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right {display: block; background-position: -495px -3px; top: 10px;}
.galleria-theme-classic .galleria-thumb-nav-right {background-position: -578px -3px;}
.galleria-theme-classic .galleria-counter {display: none !important;}
}




/*DEFAULTS - Don't Change*/


#galleria-loader {height: 1px !important;}

.galleria-theme-classic {position: relative; overflow: hidden;}
.galleria-theme-classic img {-moz-user-select: none; -webkit-user-select: none; -o-user-select: none;}

#galleria {position:relative; margin: 10px auto auto auto;}
.galleria-theme-classic .galleria-stage {position: absolute; top: 21px; left: 1px; right: 1px; overflow:hidden; /*color behind main image: background-color: #FFF;*/}
/*for wider border: left: 10px; right: 10px for wider border, match .galleria-theme-classic .galleria-info background color to .galleria-theme-classic color, and adjust info padding*/

#galleria img {width: 100%;}
/*Needed to display pics correctly on mobile*/


/*Sprites*/

.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right,
.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right {background-image: url(../galleria/classic-map.png); background-repeat: no-repeat;}

.galleria-theme-classic .galleria-counter {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: right;
    color: #FFF;
    font: normal 11px/1 arial,sans-serif;
    z-index: 1; opacity: 1 !important; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.galleria-theme-classic .galleria-loader {
    background: #000;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    background: url(classic-loader.gif) no-repeat 2px 2px;
}



/*Captions*/

.galleria-theme-classic .galleria-info {text-align: left; top: 0px; left: 0px; z-index: 2; position: absolute; width: 100%;}

.galleria-theme-classic .galleria-info-text {padding: 2px 3px; filter: alpha(opacity=100); opacity: 1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; zoom:1;}

.galleria-theme-classic .galleria-info-title, .galleria-theme-classic .galleria-info-description {font: normal 12px/1.3 arial,sans-serif; margin: 0;}


/*Nav*/

.galleria-theme-classic .galleria-image-nav {position: absolute; top: 50%; margin-top: -32px; width: 100%; left: 0;}
.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right {
    cursor: pointer;
    width: 27px;
    height: 46px;
    position: absolute;
    left: 0px;
    z-index: 2; opacity: .65; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"
}
.galleria-theme-classic .galleria-image-nav-right {left: auto; right: 0px; background-position: -293px 0px; z-index: 2;}



/*Thumbnails*/

.galleria-theme-classic .galleria-thumbnails-container {bottom: 0; position: absolute; left: 5px; right: 5px; z-index: 2;}

/*These lines address the thumbnail opacity issue*/
.galleria-theme-classic .galleria-thumbnails img {opacity: .8 !important; filter: alpha(opacity=80) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;}
.galleria-theme-classic .galleria-thumbnails .galleria-image.active img {opacity: 1.0 !important; filter: alpha(opacity=100) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;}
.galleria-theme-classic .galleria-thumbnails .galleria-image.active, .galleria-theme-classic .galleria-thumbnails .galleria-image:hover {border: 1px solid #FFF;}

.galleria-theme-classic .galleria-thumbnails .galleria-image {
    background: #FFF; /*background color shows behind thumbnail opacity*/
    margin: 0 5px 0 0;
    border: 1px solid #000;
    float: left;
    cursor: pointer; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.galleria-theme-classic .galleria-carousel .galleria-thumbnails-list {margin-left: 30px; margin-right: 30px;}



/*Thumbnails Nav*/

.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right {display: block;}

.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right {
    cursor: pointer;
    position: absolute;
    left: 0;
    height: 40px;
    width: 23px;
    z-index: 3;
}
.galleria-theme-classic .galleria-thumb-nav-right {border-right: none; right: 0; left: auto;}

.galleria-theme-classic .galleria-thumbnails-container .disabled {opacity: .4; filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; cursor: default;}

.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover {opacity: .4 !important; filter: alpha(opacity=40) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"}

