body {background-color: #efefef; width:100%;}
h1.bar_title{font-size:1.8rem;color:#8a8a8a;margin:0;padding-left:0.5rem;}
ul.events_list,ul.events_list li{
	list-style:none;
	margin-left:0;
	transition: background-color .25s ease-out;
}
ul.events_list li:hover{
	background-color:transparent;
	background-color:rgba(0,0,0,0.2);
}
ul.login{
	list-style:none;
	margin-left:0;
	padding:0.5rem;
}
i.icon-x1b{font-size:1.8rem;}
.infobar.title button span{
	position:relative;
	top:-4px;
}
.infobar.title button{
	width:100%;
	text-align:left;
}
.infobar.title button i{flex:left;}
.text-gbm-orange{color:#B4EFB3;}
.bg-gbm-orange{background-color:#3EDC3D;}
.text-gbm-blue{color:#A52A2A;}
.bg-gbm-blue{background-color:#A52A2A;}
.text-gbm-dark-blue,#main .blog-post strong,#main .book-post strong,.sidebar .hotList .media-object strong{color:#820605;}
.bg-gbm-dark-blue{background-color:#820605;}
.button-gbm-blue{background-color:#A52A2A !important; opacity:0.8; cursor:pointer; transition: opacity .25s ease-out; color:#fff; }
.button-gbm-blue:hover{background-color:#A52A2A; opacity:1;}
.link-gbm-blue{color:#A52A2A; opacity:0.8; cursor:pointer; transition: opacity .25s ease-out; }
 button.link-gbm-blue{padding:0.7rem;}
.link-gbm-blue:hover{color:#A52A2A; opacity:1;}
.button-gbm-dark-blue{background-color:#820605; !important; opacity:0.8; cursor:pointer; transition: opacity .25s ease-out; color:#fff; }
.button-gbm-dark-blue:hover{background-color:#820605; opacity:1;}
.link-gbm-dark-blue{color:#820605!important; opacity:0.8; cursor:pointer; transition: opacity .25s ease-out; }
.link-gbm-dark-blue:hover{color:#820605; opacity:1;}
.gbm-tabs li a{	color:#0066cc;}
.gbm-tabs li.is-active a{color:#fff;background-color:#820605;}
.book-subtitle{ font-size:75%; color:#0066cc; display:block;}

.ulME{border-bottom:1px dotted #e5e5e5;}
.spacer{min-height:1rem;}
.header{box-shadow: 0 5px 2px 0 rgba(0,0,0,0.3);z-index:1;}
.main-title{color:#E0E1E9;}
.sub-title{color:#E0E1E9; border-bottom:1px dotted;}
/*.reveal .top-bar .close-button{position:relative;top:0;right:0.5rem;}*/
	.reveal .top-bar{position:relative;}
	.reveal .close-button{position:absolute; top:-2rem; right:0.5rem;}

/*.reveal .modal-body{max-height: 600px; overflow-y:auto;}*/
.reveal.medium,.reveal.small{width:100%;}
.medium-cell-block-container{overflow-y:auto;}
.header.medium-cell-block-container{overflow:visible;}
.button .caption{display:block;}
.button-group.stacked-medium,.button-group.stacked-large{flex-wrap: nowrap;}
#demo_table,#demo_table tbody{border:0;}
#demo_table td,#demo_table th,#demo_table tbody,#demo_table tbody tr:nth-child(2n){background-color:transparent!important;}
#demo_table{background-color:#6699cc; color:#fff; border:#6699cc solid 0.5rem}
.text-shadow{text-shadow: 0px 1px 1px rgba(0, 0, 0, 1)} 

#user-bar{flex-wrap: wrap; overflow:hidden}
#user-bar .user-bar-right{margin-left:0;}
.infobar.title{font-size:1rem;}
.infobar.title .logo{max-width:4rem; max-height:50px;}
.footer {background-color:#054688;color:#efefef;}
.events_list .title{font-size:1.5rem; color:#abd9ff;}
.events_list .dates{display:block;font-size:90%;}
.events_list{color:#19324D;}
.reveal .events_list .title{color:#19324D;}

#medi-menu,
#mini-menu li{
	width:100%;
}
#mini-menu.drilldown a{background-color:transparent;}
#mini-menu li a,#main-menu li a{
	transition: background-color .25s ease-out;
}
#mini-menu li.active a,#main-menu li.active a{
	background-color:#820605;
}
#mini-menu li.active a:after{
	font-family:"foundation-icons";
	position:absolute;
	right:1rem;
	color:#a4a4a4;
	content:'\f198';
}
.cal_event > dt{font-size:2.5rem;}
.reveal .cal_event dt{font-size:1.1rem;}

.ui-square-2 .button{
	padding:1rem;
	max-width:8rem;
	min-height:5rem;
	margin-bottom:1px;
}
.ui-square-2 .button-text{
	display:block;
}

#contents_foot .bg-fblue h4 small{display:block;}
#contents_foot .bg-fblue .main-info p{font-size:90%;}
#member,.width-normal{width:100%}
.card .top-bar ul{background-color:transparent;}
table [type="text"],table [type="date"], table select,table textarea{margin-bottom:0;}
.table-thumb{ width:8rem;}
.hide-small{display:none;}
.button.hx-button{margin-bottom:0; margin-left:1rem;}
.initial_avatar {
	position:relative;
	margin:0;
	height:3em;
	width:3em;
	box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2)
	font-size:1.2rem;		
}
.initial_avatar .initials{
	width:100%;
	height:100%;
	text-align:center;
	v-align:middle;
	position:absolute;
	top:0.45rem;
	left:0rem;	
	opacity:0.8;							
}
.initial_avatar.medium-avatar{
	font-size:2.3rem;	
}
.initial_avatar.medium-avatar .initials{top:1.2rem;}

.blog-post .hotList .thumb img{
	width:15rem;
}
.blog-post .hotList .media-object.gotoME{
	transition: background-color .25s ease-out;
}
.blog-post .hotList .media-object.gotoME:hover{
	background-color: #EBEBEB;
	transition: background-color .25s ease-out;
}

/* site matching */
/*.text-title,.events_list .text-title{color:#36457f;}*/
.text-title,.events_list .text-title,.main-title{color:#8a8a8a;}
.text-subtitle{color:#D53D59;}
.sub-title{color:#9a9a9a;}
a{color:#A52A2A;}
.button-ahk-red { background-color: #36457f !important; opacity:0.8; cursor:pointer; transition: opacity .25s ease-out; color:#fff; }
.button-ahk-red:hover {opacity:1;}
.reveal .top-bar button.small-closer{
	position:absolute;
	top:-2rem;
	right:0rem;
}
.reveal .panel{margin:0;}
.banner{
	background-color:rgba(255,255,255,0.5);
}
#contents{
	background-color:rgba(255,255,255,0.5);
	padding-right:0;
	padding-left:0;
	max-width: 100%;
	position:relative;
}
#contents_foot{
	padding-right:0;
	padding-left:0;
	max-width: 100%;
	position:relative;
}
#contents_foot .rowform {
	background: #dfdfdf;
	padding: 10px 0 0;
	color: #676767;
	text-align: center;
}
#contents_foot .bg-fblue {
	background: #efefef;
	color: #A52A2A;
	padding:1rem 0;
}
.social-list,.footer p{
	list-style:none;
	margin:0;			
}			
.social-list li.social-icon {
	font-size: 1.5em;
	padding:0 0.5rem;
	float: none;
	display: inline-block;
}
.staffer{
	cursor:pointer;
	transition: background-color .25s ease-out;
}
.staffer:hover{
	background-color:#dfdfdf;
}
#contents .page-content, #main_extra{
	background-color:rgba(255,255,255,0.8);
}
.
.orbit .orbit-image{
	width:100%;
	height:auto;
}
.thumb{
	border: 4px solid #fefefe;
	border-radius: 3px;
	display: inline-block;
	line-height:0;
}
.orbit .thumb img{
	width:auto;
	height:100%;
}
.orbit .logo-img{
	width: 134px;
	padding-top:1rem;
}
.slide-large,.slide-large .thumb img{
	max-height:400px;
}
.slide-medium,.slide-medium .thumb img{
	max-height:250px;
}
.slide-small,.slide-small .thumb img{
	max-height:150px;
}
.slide-large .thumb img,.hero.slide-large img{
	height:400px;
}
.slide-medium .thumb img,.hero.slide-medium img{
	height:250px;
}
.slide-small .thumb img,.hero.slide-small img{
	height:150px;
}
.slide-large h3{ font-size:1.5rem;}
.slide-medium h3{ font-size:1.1rem;}
.slide-small h3{ font-size:1rem;}
.orbit-next, .orbit-previous{
	top:5%;
}

.orbit .logo-slide{
	font-size:1.3em;
	margin-top:8%;
}
.slide-medium .logo-slide{
	font-size:1.3em;
	margin-top:3%;
}

.logo-slide .logo-sub{
	display:block;
}
.orbit-container.hero{
	background:top / cover no-repeat url(../../gfx/clouds_light.jpg);
}
.orbit-slide.hero{
	/*background:url(gfx/booktile.jpg)*/
}
.orbit-slide.hero .orbit-caption{
	width:100%;
	height:50%;
	position: absolute;
	bottom:0;
	left:0;
	overflow: hidden;				
}
.orbit-slide.hero .orbit-caption h3{
}
.orbit-slide.hero .orbit-caption p,
.orbit-slide.hero .hero-list{
	font-size:90%;
}

#News .orbit{
	height:16rem;
	overflow:hidden;
}
.user-bar .uname{
		padding:.5rem 1rem;
}
.user-bar .uname strong{font-size:95%;}
#contents .moc {
	padding-right: .675rem;
	padding-left: .675rem;
	max-width: 100%;
	margin: 0 auto;
}
#main{
	color:#676767;
	background:#fff;
}
#main_extra{
	background-color:#dfdfdf;
	margin-bottom:0;
}
.hotList .media-object,.hotList .hotLink {
	/*transition: background-color .25s ease-out;*/
  transition: box-shadow .25s ease-out;	
}

.hotList .media-object:hover,.hotList .hotLink:hover {
	/*background-color:#eaeaea;*/
}
.sidebar .hotList .media-object.stack{
	display:flex;
}
.media-object.stack .media-object-section:first-child{
	padding-right:0;
}
.media-object.stack .thumb{border-color:transparent;}
.media-object.stack .thumb img{
	margin:0 auto;
}
.sidebar .media-object .thumb img{
	width:4rem;
	max-width:inherit;
}

.media-card,.hero-card {
  background-color: #fefefe;
  border: 1px solid #e6e6e6;
  padding: 1rem;
  margin-bottom: 1.5rem;
  transition: box-shadow .25s ease-out;
}
.hero-card-image{
  transition: box-shadow .25s ease-out;
  height:10rem;
  overflow:hidden;
  position:relative;
}
.hero-card-image img{
	width:100%;
	min-height:10rem;
}
.hero-card {padding: 0;}
.hero-card-content{padding:1rem; border-top:1px solid #e6e6e6;}
.media-card:hover,.hero-card:hover,.hotList .media-object:hover,.hotList .hotLink:hover{ 
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	/*box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);*/
}
.hero-card:hover .hero-card-image {
	box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.2);
}
.media-card-thumbnail {
  display: block;
  position: relative;
  text-align:center;
}
.media-card-thumbnail img{
	max-height:10rem;
}
.sidebar .hotList .media-object {
  font-family: 'Open sans', sans-serif;
  font-size: 0.9rem;
}
.media-card strong,.hero-card strong {
  font-family: 'Open sans', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.45rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
.product-card small, .hero-card small,.sidebar .media-object small{
  color: #8a8a8a;
  display: block;
  font-family: 'Open sans', sans-serif;
  font-size: 0.85rem;
}
.media-table,.media-card,.hero-card{
  font-family: 'Open sans', sans-serif;
  font-size: 0.85rem;
}
.media-table th{text-transform:capitalize;}

.sidebar .thumb img{
	max-width:100%;
	max-height:10rem;
	display:block;
	margin:0 auto;
}
.sidebar-title{
	font-size:1.4rem;
	border-bottom: 1px dotted;
}
.sidebar .sbText{
	font-size: 90%;
}
.sidebar .sbText strong{
	color:#A52A2A;
}
#main .block{
	box-shadow: 0 5px 8px -3px rgba(0,0,0,0.2);
	background:#fff;
	padding:1rem;
	border: 1px double #ccc;
	outline: 1px dotted #ddd;
	outline-offset: -9px;	
	margin-bottom:1rem;		
}
.block ul.events_list li:hover{
	background-color:transparent;
	background-color:rgba(0,0,0,0.2);
}
.block ul.events_list li:hover .text-title,.block ul.events_list li:hover .text-subtitle{
	color:#333;
}

.block .calendar-wrap{
	border:2px solid transparent;
}
#responsive-menu.top-bar, #responsive-menu.top-bar ul{
	background:#dfdfdf;
	color:#676767;
	
}
#responsive-menu.top-bar ul.submenu{
	list-style:none;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
}
.footer{
	color:#fff;
}
#logo .site_name{
	 font-size:1rem;
}
#logo .site_name span{
	font-size:1rem;
	display:block;
}
#logo .sub2{
	font-size:0.9rem;
}
.widthlock{
	max-width:75rem;
	margin:0 auto;
	padding:1rem 0;
}
.book-post .thumbnail{
	max-height:35rem;
}
@media screen and (min-width: 40em) {
	#hero {position:fixed;}
	#contents .moc {
		padding-right: .675rem;
		padding-left: .675rem;
		max-width: 75%;
		margin: 0 auto;
	}
	#member,.width-normal{width:auto; min-width:25rem;}
	.infobar.title{font-size:1.1rem;}
	.infobar.title .logo{max-width:4.5rem;}
	.button-group.stacked-medium{flex-wrap: wrap;}
	.button-group.stacked-medium .button{flex: 0 0 100%;}
	.button-group.stacked-large{flex-wrap: nowrap;}
	#user-bar{flex-wrap: wrap;}
	#user-bar .user-bar-right{margin-left:auto;}
	.reveal.small{width:70%;}
	.reveal.medium{width:80%;}
	.hide-small{display:block;}
	.reveal .close-button{top:-1rem;}
	.logo.hide-small{display:inline-block;}
	.orbit .logo-slide{
		font-size:2em;
		margin-top:8%;
	}
	.slide-medium .logo-slide{
		font-size:1.5em;
		margin-top:3%;
	}
	.orbit-next, .orbit-previous{
		top:50%;
	}							
	.orbit .orbit-image{
		width:auto;
		height:100%;
	}
	.orbit-slide.hero .orbit-caption p{
		font-size:1em;
	}
	.orbit-slide.hero .orbit-caption{
		width:50%;
		height:100%;
		position: absolute;
		top:0;
		right:0;
		left:auto;
	}
	.media-object.stack .thumb img{
		margin:0 auto; width:5rem; min-width:5rem; height:auto;
	}
}
@media screen and (max-width:40em){
	table.stack{text-align:center;}
	table.stack .button{width:100%;margin-bottom:0;}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.sidebar .hotList .media-object.stack{
		display:block;
	}
}
@media screen and (min-width: 64em) {
	#member,.width-normal{width:auto; min-width:60rem;}
	.infobar.title{font-size:1.5rem;}
	.infobar.title .logo{max-width:100%;}
	.button-group.stacked-medium{flex-wrap: wrap;}
	.button-group.stacked-large{flex-wrap: wrap;}
	.button-group.stacked-large .button{flex: 0 0 100%;}		
	.reveal.small{width:50%;}
	.reveal.medium{width:60%;}
	.orbit-slide.hero .orbit-caption{
		width:40%;
		position: absolute;
		bottom:0;
		right:0;
		left:auto;
		top:auto;
	}

}