/* CSS for DIGITAL MUSEUM PAGE */
/*.digital_museum_wrap .content_right{ padding: 0;}*/
/*.digital_museum_wrap, h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, p{ font-family: 'Kanit', "MS PGothic", "MS Serif", "MS Reference Sans Serif", Helvetica, Arial, sans-serif;}*/

/* FONT */
@font-face {
	font-family: 'jasmine';
	src: url('../fonts/upc-jasmine-webfont.woff2') format('woff2'),
	url('../fonts/upc-jasmine-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
body{
	font-family: 'jasmine', sans-serif !important;
	font-size: 20px;
	line-height: normal;
	letter-spacing: 0.2px;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a{font-family: 'jasmine', sans-serif !important;}
h2{ font-size: 2.3em;}
p, p.lead, #mainMenu > ul > li > a, nav .main-menu .dropdown-menu a, nav .main-menu .dropdown-submenu > span.dropdown-menu-title-only{ 
	font-family: 'jasmine', sans-serif !important;
	font-size: 1.25em;
	font-weight: normal;
	letter-spacing: 0.2px;
}
.footer-content,
p, p.lead{ font-size: 20px;}
p, p span{ font-size: 1em !important;}

.contact-box .icon-box.small > h3{ font-size: 1.225em; margin-bottom: 0; font-weight: normal;}
.contact-box .icon-box.small > p{ font-size: 1.125em !important; margin-bottom: 0; line-height: normal; }
.topbar-dropdown .title, .topbar-dropdown .list-entry{ font-size: 1.4em;}
#mainMenu > ul > li > a{ font-weight: normal; font-size: 1.125em;}
.footer-content a{ font-size: 1em;}
.copyright-text, .copyrights-menu { font-size: .9em;}
.footer-content .widget-title{ font-size: 1.125em; margin-bottom: 10px;}
footer .widget .widget-contact-us ul{font-size:.95em;}
.mdate p, .viewed p{ font-size: .9em !important; color: #b6b6b6;}
.post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content h4{ margin-bottom: 5px;}
.post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content h4 a{ font-size: 1.325em; line-height: 18px;font-weight: normal;}
.post-thumbnail-entry .post-thumbnail-content .post-date, .post-thumbnail-entry .post-thumbnail-content .post-category{ font-size: .8em;}
.grid-articles .post-entry .post-entry-meta .post-entry-meta-title h2, .grid-articles .post-entry .post-entry-meta .post-entry-meta-title h2 a{ font-size: 1.125em; font-weight: normal; line-height: 20px; margin-bottom: 8px;}
.grid-articles .post-date{ font-size: .85em; opacity: .9;}
.section-html h4 a{ font-size: 1.45em;}

.digital_museum_wrap{
	/*background: url('../_images/bg-02.jpg')no-repeat;*/
	background: url('../_images/bg-all-2.jpg') no-repeat;
	background-size: 1180px;
	background-position: center -40px;
	display: inline-block;
	width: 100%;
}
.digital_museum_wrap .content_right .home_banner img{ margin-top: 20px;}
/*.digital_museum_wrap .content_right .home_banner{ padding: 20px;}*/

.digital_museum_wrap .sidebar-left{ 
	padding-left: 60px;
	/*background: rgba(255, 255, 255, 0.34);*/
	box-shadow: 5px 0px 20px rgba(51, 51, 51, 0.03);
	padding-top: 40px;
}
.digital_museum_wrap .sidebar-left .text-head{ width: 160px; margin-bottom: 30px;}
.digital_museum_wrap .sidebar-left .text-head h5{ 
	font-weight: 700;
	color: #1db0e2;
	font-size: 1.25em;
	line-height: normal;
}

.digital_museum_wrap .sbar ul{ padding-left: 0;}
.digital_museum_wrap .sbar ul li{
	list-style: none;
	padding: 8px 10px;
	padding-left: 60px;
	position: relative;
	border-bottom: 1px dashed #efefef;
	height: 44px;
}
.digital_museum_wrap .sbar ul li:hover:before,
.digital_museum_wrap .sbar ul li:before{
	position: absolute;
	content: "";
	width: 25px;
	height: 25px;
	background: url('../_images/list.png') no-repeat;
	background-size: 25px;
	left: 15px;
	top: 10px;
	opacity: .5;
}
.digital_museum_wrap .sbar ul li a{ 
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 1.125em;
	color: #009e40;
	color: #1db0e2;
	-webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; transition: all ease-out 0.4s;
}
.digital_museum_wrap .sbar ul li:hover a,
.digital_museum_wrap .sbar ul li.active a{ 
	color: #1db0e2;
	cursor: pointer;
	padding-left: 5px;
	color: #79be2a;
	font-size: 1.85em;
}
.digital_museum_wrap .sbar ul li:hover:before{ opacity: .2;}
.digital_museum_wrap .sbar ul li.active:after,
.digital_museum_wrap .sbar ul li:hover:after{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	background: url('../_images/list.png') no-repeat;
	background-size: 10px;
	left: 22px;
	top: 18px;
}

.digital_museum_wrap .sbar ul li:first-child{ padding-left: 20px; border-left: 4px solid rgba(0, 158, 64, 0.16);}
.digital_museum_wrap .sbar ul li:first-child.active,
.digital_museum_wrap .sbar ul li:first-child:hover{ 
	border-left: 4px solid #009e40; 
}

.digital_museum_wrap .sbar ul li:first-child:before, .digital_museum_wrap .sbar ul li:first-child:after{ display: none;}
.digital_museum_wrap .sbar ul li:first-child a{
	font-size: 1.25em;
	letter-spacing: 3px;
	/*color: #009e40;*/
	line-height: 10px;
	padding-left: 0;
}
.digital_museum_wrap .sbar ul li:first-child:hover a{ padding-left: 10px;}



/* Digital Museum Detail */
.digital_museum_wrap.museum_detail{
	background: url('../_images/bg-map.png') no-repeat;
	background-size: 500px;
	background-position: top right;
	display: inline-block;
	width: 100%;
}

/*btn show all */
.article_wrapper #showall{ position: absolute; top: 130px; left: 40px; z-index: 2;}
.article_wrapper #btn_switch{
	position: relative;
	font-weight: 600; 
	letter-spacing: 1px; 
	color: #bcbcbc;
	border: 1px solid #e3e3e3;
	background: #f0f0f0;
	padding: 0 10px;
	border-radius: 2px;
}
.article_wrapper #btn_switch:hover{ background: #f0f0f0;}
.article_wrapper #btn_switch.active{
	background-color: #79be2a;
	border-color: #79be2a;
	color: #fff;
}

.article_wrapper ul li{ position: relative; overflow: hidden;}
.article_wrapper .list-item .atitle, .article_wrapper .list-item  .desp{ display: inline-block;}
.article_wrapper .list-item .atitle h1{ font-weight: 700; color: #d2d2d2; margin-bottom: 0; margin-right: 10px;}
.article_wrapper .list-item .desp{ font-size: 1.225em; color: #888; margin-bottom: 0;}

.article_wrapper .list-item .html_box{ 
	padding: 20px;
	padding-bottom: 10px;
	display: none;
	opacity: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	-webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; transition: all ease-out 0.4s;
}
.article_wrapper .list-item .inner{ padding: 20px;}

/* icon before*/
.article_wrapper ul{ position: relative;}
.article_wrapper ul:before{
	position: absolute;
	content: "";
	width: 1px;
	height: 80%;
	left: 44px;
	top: 145px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,f3f3f3+29,f3f3f3+100&1+0,1+61,0+100 */
	background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 29%, rgba(243,243,243,1) 61%, rgba(243,243,243,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(243,243,243,1) 29%,rgba(243,243,243,1) 61%,rgba(243,243,243,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(243,243,243,1) 0%,rgba(243,243,243,1) 29%,rgba(243,243,243,1) 61%,rgba(243,243,243,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#00f3f3f3',GradientType=0 ); /* IE6-9 */
}
.article_wrapper ul li:first-child .desp, .article_wrapper ul li{  padding-left: 50px;}
.article_wrapper .list-item .inner{ border: transparent;}
.article_wrapper ul li .inner:before{
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	border: 2px solid rgba(121, 190, 42, 0.62);
	background: #fff;
	left: 10px;
	top: 33px;
	transform: rotate(45deg);
}
.article_wrapper ul li .inner:after{
	content: "+";
	position: absolute;
	color: #79be2a;
	left: 20px;
	top: 35px;
	font-size: 1.5em;
	font-weight: lighter;
}
.article_wrapper ul li .inner.active:before{ border: 2px solid #79be2a; background-color: #79be2a; }
.article_wrapper ul li .inner.active:after{ content: "-"; color: #fff;}


/* Article ACTIVE */
.article_wrapper .list-item .inner.active .atitle h1, 
.article_wrapper .list-item .inner.active .desp,
.article_wrapper .list-item .inner.active .html_box{ 
	color: #79be2a;
}
.article_wrapper .list-item .inner.active .html_box{ 
	opacity: 1; 
	height: auto; 
	display: inline-block;
}
.article_wrapper .list-item .inner.active{ border-color: #79be2a;}



/* Article first-child only */
.article_wrapper ul li:first-child .inner:before, 
.article_wrapper ul li:first-child .inner:after{ display: none;}
.article_wrapper ul li:first-child{padding-left: 0;}
.article_wrapper ul li:first-child .inner{ padding: 0; border: none;}
.article_wrapper ul li:first-child .inner a{ }
.article_wrapper ul li:first-child .html_box{ 
	display: block !important; 
	opacity: 1; 
	height: auto;
	overflow: visible;
	padding: 10px;
	padding-left: 55px;
	color: #888; 
	font-size: 1.125em;
}
.article_wrapper ul li:first-child .atitle{ display: block;}
.article_wrapper ul li:first-child .desp{ font-size: 1.75em; margin-left: 13px; line-height: 24px;}
.article_wrapper ul li:first-child .atitle h1, .article_wrapper ul li:first-child .inner.active .atitle h1{ 
	/*color: #79be2a;*/
	color: #979589;
}
.article_wrapper ul li:first-child .inner.active .desp,  .article_wrapper ul li:first-child .inner.active .html_box{ color: #888; }
.article_wrapper ul li:first-child .atitle h1{ font-size: 7em; margin-bottom: 12px; line-height:120px; }
.article_wrapper ul li:first-child .desp, .article_wrapper ul li:first-child .html_box{ padding-left: 120px;}


.digital_museum_wrap .sidebar-left .text-head h5,
.digital_museum_wrap .sbar ul li a{
	color: #876655;
}

.digital_museum_wrap .sbar ul li:hover a, 
.digital_museum_wrap .sbar ul li.active a{
	color: #74301f;
	text-shadow: 0px 6px 12px rgba(130, 54, 34, 0.47);
	font-size: 1.5em;
}
.digital_museum_wrap .sbar ul li:first-child.active, .digital_museum_wrap .sbar ul li:first-child:hover{ border-left: 4px solid #603414;}
.digital_museum_wrap .sbar ul li{ border-bottom: 1px dashed rgba(96, 52, 20, 0.52);}