/*@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');*/

@font-face {
	font-family: 'Dancing Script';
	font-style: normal;
	font-weight: 700;
	src: url('dancing_script.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	font-family:"Trebuchet MS", Verdana;
	font-size: 10pt;
	text-align: left;
	color:black;
}

a {
	text-decoration:underline;
	color:black;
}

.orange, a:hover, a:active {
	color:#f4c70e;
	text-decoration:none;
}
.red {
	color:#e82525;
}
.red:hover {
	color:#f4c70e;
}

h1 {
	font-size:64px;
	font-family: 'Dancing Script', cursive;
	margin: 15px 0 15px 0;
}

.specificDate, select, submit, option, label, input {
	float:left;
}
#mode {
	margin-bottom:5px;
}
select, submit, input {
	margin:0 5px 0 5px;
}
label {
	padding-top:3px;
	margin:0 0 0 5px;
}
input[type=submit] {
	width:80px;
	font-weight:bold;
}

.modes {
	padding-bottom:20px;
}
.modes a {
	 display: inline-block;
	 font-size: 35px;
	 opacity: 0.45;
}
.modes a:hover, .modes a:active {
	 opacity: 1.0;
}
.current-mode {
	 opacity: 1.0 !important;
}

.sharing img {
	 height: 50px;
}

.sharing a {
	opacity: 0.80;
}

.sharing a:hover, .sharing a:active {
	opacity: 1.0;
}

.specials {
	margin:20px 0 25px 0;
	font-size:13px;
	line-height:20px;
}

.grid-item {
	overflow: hidden;
	width: 25%;			/*display 4 rows by default*/
	float:left;
}
.grid-item img, .grid-item video {
	width: 99%;
	height: auto;
	border: 2px solid #FFF;
	transition: transform .5s, filter .5s ease-in-out;
	filter: brightness(100%);
}
.grid-item video {
	border: none;
	margin: 2px;
}
.grid-item img:hover {
	transform: scale(1.05) rotate(0.5deg);
	filter: brightness(105%);
	cursor:zoom-in;
}
.grid-item .external_video:hover {
	cursor:pointer;
}

.panorama {
	width: 99% !important;
	height: 400px !important;
	border: 2px solid #FFF;
}
.pnlm-about-msg {
	display:none;	/*hide pannellum copyright*/
}

.caption-box {
	position: relative;
	text-align: center;
}
.caption {
	position: absolute;
	bottom: 4px;
	left: 5px;
	font-size:12px;
}
.albumcaption {
	position: absolute;
	background-color:rgba(200, 200, 200, 0.80);
	padding:5px;
	bottom: 8px;
	left: 8px;
	right: 8px;
	font-size:15px;
}

.albumcaption:hover {
	background-color:rgba(0, 0, 0, 0.60);
}

.pagination, .year-pagination, .year-pagination-mobile {
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	margin:25px;
	text-align:center;
}
.hidden_years {
	color:#FFF;
}
.navigation {
	font-size:55px;
	font-weight:bold;
	margin:10px 25px 10px 25px;
}
.refresh_button {
	font-size:65px;
}
.jumpButtons {
	float:left;
	margin:0 8px 0 8px;
}

.filters .displayMode {
	float:right;
	font-size:22px;
	line-height:37px;
	margin-right:5px
}

.filters {
	float:right;
	font-size:28px;
	margin-top:-15px;
}
.filters a, .filters span {
	margin:0 3px 0px 3px;
}
.filters .sort{
	float:right;
	font-size:35px;
	margin-top:-5px;
}
.limit-filters {
	float:right;
	font-size:20px;
	margin-top:10px;
}
.limit-filters a, .limit-filters span {
	margin:0 5px 0px 5px;
	line-height: 25px;
}
.limit-filters span {
	float: right;
}
.disabled {
	opacity: 0.3;
}
.counter {
	font-size:16px;
}

.footer {
	text-align:center;
	font-size:13px;
	width:100%;
	display:inline-block;
	margin-top:15px;
}

.updownarrows {
	font-size:45px;
}

.year-pagination-mobile {
	display:none;
}

/*hide gallery captions*/
.lg-sub-html {
	display:none;
}

/*hide scrollbar*/
.lg-on {
	overflow: hidden;
}

.lg-progress-bar .lg-progress {
	background-color: #f4c70e;
	height: 2px;
}

.lg-progress-bar {
	height: 2px;
}

.compare-slider {
	margin-top:50px;
	width:64%;
}

.map { 
	height: 500px; 
}
.leaflet-container {
	border: 2px solid #FFF;
}
.grid-item .leaflet-pane img {
	border:none;
}

/*STYLES Foldable Landscape*/
@media (max-width: 1300px) {
	.grid-item { 
		width: 33%;
	}
	.grid-item-large { 
		width: 66%;
	}
	.panorama {
		height: 500px !important;
	}
	.compare-slider {
		width:85%;
	}
	.albumcaption {
		font-size:13px;
		padding: 2px;
		bottom: 4px;
		left: 6px;
		right: 4px;
	}
}
/*TABLET STYLES - Foldable Portrait*/
@media (max-width: 780px) {
	.grid-item { 
		width: 49%;
	}
	.year-pagination {
		display:none;
	}
	.year-pagination-mobile {
		display:block;
	}
	.compare-slider {
		width:80%;
	}
	.panorama {
		height: 350px !important;
	}
}
/*MOBILE STYLES*/
@media (max-width: 500px) {
	h1 {
		font-size:54px;
	}
	h2 {
		font-size:16px;
	}
	h3 {
		font-size:14px;
	}
	.grid-item-large { 
		width: 98.5%;
	}
	.specials {
		margin-top:5px;
		font-size:15px;
		line-height:25px;
	}
	.panorama {
		height: 300px;
	}
	.year-pagination {
		display:none;
	}
	.pagination, .year-pagination-mobile {
		display:block;
		font-size:18px;
		line-height:30px;
		margin:25px 0 25px 0;
	}
	.navigation {
		font-size:40px;
		font-weight:bold;
		margin:12px;
	}
	.refresh_button {
		font-size:45px;
	}
	
	.filters {
		float:right;
		font-size:20px;
		margin-top:-10px;
	}
	.filters .sort {
		float:right;
		font-size:26px;
		margin-top:-4px;
	}
	.filters .displayMode {
		float:right;
		font-size:18px;
		line-height:29px;
	}
	.counter {
		font-size:12px;
	}
	.albumcaption {
		font-size:11px;
		padding: 2px;
		bottom: 4px;
		left: 6px;
		right: 4px;
	}
	.updownarrows {
		font-size:30px;
	}
	.limit-filters a {
		font-size:18px;
	}
	.lg-progress-bar {
		height: 3px;
	}
	.compare-slider {
	width:100%;
	 }
	
	input[type=submit] {
		margin:10px 5px 15px 5px;
		width:97%;
		height:30px;
		font-weight:normal;
	}
	/*select, submit, input {
		line-height:25px;
	}*/
}