@font-face {
	font-family: 'Berkshire-swash'; 
	src: url('font/Berkshire-swash/berkshireswash.ttf') format('truetype');
	src: url('font/Berkshire-swash/berkshireswash.woff2') format('woff2'),
         url('font/Berkshire-swash/berkshireswash.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'DayRoman'; 
	src: url('font/DayRoman/dayrom.otf') format('opentype');
    src: url('font/DayRoman/dayrom.woff2') format('woff2'),
		 url('font/DayRoman/dayrom.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.layout-text { margin: 0 1%; min-width: 380px; display: inline-block; float:none; }
#geolocation-shortcode-1 { width: 75% !important; margin: 0 12.5%; min-width: 380px; display: inline-block; border-radius: 5px; height: 50vh; border: 3px solid green; border-radius: 5px; }


.item-description { display: none; }

.exhibits ul { list-style: none; }
.exhibits h1 { color: #000; font-family: 'Berkshire-swash'; font-size: 2.6em; font-weight: normal; background-image: url(images/arabesque1.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 55px; margin-bottom: 0 !important; }
.exhibits h2, .exhibits h3, li.page { font-family: 'DayRoman'; margin: 20px 10px 10px; font-size: 1.4em; padding-left: 25px; list-style: none; }
p::first-letter { font-size: 1.8em; font-family: 'Berkshire-swash'; vertical-align: sub; font-weight: lighter; }

.exhibit-block .item { position: relative;
    max-width: 300px;
    float: left;
/* box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.6); */
margin: 5px 15px 15px 15px;
    border-width: 10px; }
.exhibit-block .item h3 {
position: absolute;
    bottom: 5px;
    width: 80%;
    margin: 0 10%;
    text-align: center;
    background: rgba(10,10,10,0.8);
    border-radius: 5px;
    max-height: 56px;
    overflow: hidden;
    padding: 5px;
color: yellow;
background-color: navy;
border-radius: 3px;
border: 1px solid yellow;
box-shadow: 0 0 1px 4px navy;
font-size: 0.8em;
}

.exhibit-block .item h3 a { color: whitesmoke; }
.exhibits h2::before {
background: none; 
font-family: 'Kembang';
content: '\0078';
font-size: 0.8em;
margin: 0 15px;}

li.page a:hover {color: yellow; }

#exhibit-page-navigation #exhibit-nav-prev a, #exhibit-page-navigation #exhibit-nav-next a { color: yellow; }
#exhibit-page-navigation #exhibit-nav-prev, #exhibit-page-navigation #exhibit-nav-next { 
opacity: .7;
color: yellow;
background-color: navy;
border-radius: 5px;
border: 1px solid yellow;
box-shadow: 0 0 2px 8px navy;