/* CSS for pages with a gallery */

.galleria {
	width: 100%;
	height: 300px;
	background: #fff;
	margin: 20px 0 20px 0;
	}

.galleria-container {
	background: white;
	border: 1px solid #999;
	}

.galleria-loader {
	top: 50%;
	left: 50%;
	background-image: url('/js/galleria/themes/classic/43px_grey_on_white.gif');
	width: 43px;
	height: 43px;
	margin: -21px 0 0 -21px;
	}

/* set text to black on white */
.galleria-counter, .galleria-current, .galleria-total, .galleria-info-title {
	color: black;
	}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
    background-image: url('/js/galleria/themes/classic/classic-map-black.png');
    background-repeat: no-repeat;
}



/* BREAKPOINT BEHAVIOR ========== */
@media only screen and (min-height: 300px) and (max-width: 799px) {
	.galleria {
		height: 300px;
		}
}

@media only screen and (min-width: 540px) and (max-width: 799px) {
	.galleria {
		height: 400px;
		}
}

@media only screen and (min-width: 800px) {
	.galleria {
		height: 600px;
		}
}