/*820605 *793374*/
body {background-color: #000; color:#fff;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;}
.connect-list{list-style:none;}
.connect-list li{position:relative;}
.connect-list .h3{
	position:absolute;
	top:1.1rem;
	left:4rem;	
}
.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:#d564cc;}
.bg-gbm-blue{background-color:#d564cc;}
.text-gbm-dark-blue,#main .blog-post strong,#main .book-post strong,.sidebar .hotList .media-object strong{color:#A52299;}
.bg-gbm-dark-blue{background-color:#793374;}
.button-gbm-blue{background-color:#d564cc !important; opacity:0.8; cursor:pointer; transition: opacity .25s ease-out; color:#fff; }
.button-gbm-blue:hover{background-color:#d564cc; opacity:1;}
.link-gbm-blue{color:#d564cc; opacity:0.8; cursor:pointer; transition: opacity .25s ease-out; }
 button.link-gbm-blue{padding:0.7rem;}
.link-gbm-blue:hover{color:#d564cc; opacity:1;}
.button-gbm-dark-blue{background-color:#793374; !important; opacity:0.8; cursor:pointer; transition: opacity .25s ease-out; color:#fff; }
.button-gbm-dark-blue:hover{background-color:#793374; opacity:1;}
.link-gbm-dark-blue{color:#793374!important; opacity:0.8; cursor:pointer; transition: opacity .25s ease-out; }
.link-gbm-dark-blue:hover{color:#793374; opacity:1;}
.gbm-tabs li a{	color:#0066cc;}
.gbm-tabs li.is-active a{color:#fff;background-color:#793374;}
.book-subtitle{ font-size:75%; color:#0066cc; display:block;}
a:hover{color:#fff;}
.orbit-bullets button.is-active {background-color: #AA55A3;}

.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; background-color:#161616; color:#d564cc;}
	.reveal .close-button{position:absolute; top:-2rem; right:0.5rem;color:#6B0E63;}

/*.reveal .modal-body{max-height: 600px; overflow-y:auto;}*/
.reveal{background-color:#BFBFBF;}
.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;background-color:#6B0E63;}
#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:#d564cc;
}
#mini-menu li.active a:after{
	position:absolute;
	right:1rem;
	color:#a4a4a4;
	content:'>';
}
.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;}*/
.off-canvas{background-color:#161616;}
.text-title,.events_list .text-title,.main-title{color:#8a8a8a;}
.text-subtitle{color:#D53D59;}
.sub-title{color:#9a9a9a;}
a{color:#d564cc;}
.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: #d564cc;
	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 ,.footer{
	background-color: #000;
}

#main_extra {
	background: url(../../content/library/images/2021_10/smashed_contact_banner2.jpg);
	background-repeat:none;
	background-size:cover;
	background-position: top center;
	background-color: #202020;
	color: #efefef;
}
.foot-blurb {
	font-family: sans-serif;
	font-size: 49px;
	font-weight: 700;
	line-height: 54px;
	text-transform: uppercase;
	letter-spacing: 0;
	padding-bottom: 36px;
	padding-top: 45px;
	color: #fff;
}
#signup input{
	width:100%;
	max-width: 30rem;
	margin:1rem auto;
	background-color:transparent;
	color:#fff;
	text-align:center
}
#signup .button{
	width:100%;
	max-width: 30rem;
}

.orbit-slide.slider{
	margin-top:0;
}
.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{
	max-height: 10rem;
	padding-top:1rem;
}
.orbit .slide-medium .logo-img{
	max-height: 8rem;
}
.orbit-figure {
	text-align: center;
}

.slide-large,.slide-large .thumb img,.slide-large .orbit-image{
	height:400px;
}
.slide-medium,.slide-medium .thumb img,.slide-medium .orbit-image{
	height:250px;
}
.slide-small,.slide-small .thumb img,.slide-small .orbit-image{
	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 .css-slide{
	height:400px;
}
.slide-medium .css-slide{
	height:250px;
}
.slide-small .css-slide{
	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%;
}

.css-slide{
  display: block;
  background-color:#000;
  background-position:center;
  background-size:cover;
  color:#efefef;
  width: 100%;
  min-height: 100px;
  max-height: 400px;
  position:relative;
}
.slide-text-default{font-size:150%;}
.slide-text-big{font-size:200%;}
.slide-text-bigger{font-size:300%;}
.slide-text-huge{font-size:400%;}
.slide-text-giant{font-size:800%;}

.slide-large .css-slide{

}
/*
.css-slide .css-img{
	width:100%;
	top:0;
	left:0;
	position:absolute;	
}
*/
.css-slide .animated{
	width:100%;
	height:auto;
	top:0;
	position:relative;
}

.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:#d564cc;
}
#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: #161616;
	color: #fff;
}
#responsive-menu.top-bar ul.submenu{
	list-style:none;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
}
.footer{
	background-color: #000;
	color:#d564cc;
}
#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;
}
.blog-post{
	font-size:1.1rem;
	color:#fff;
}
/* youtube video */
.you-video{
	display:block;margin:0 auto;position:relative;background:url(gfx/ajax-loader.gif) center no-repeat #d564cc;border:1px solid #ccc;padding:.5em .5em .2em;border-radius:5px;
}
.you-title{font-size:130%}
.you-wrapper{padding:1rem;}
.you-description{padding:1rem; background-color:#fff; margin-top:1rem;}
.you-image img{width:100%;}
.you-image.loadME{cursor:pointer; position:relative;}
.you-image.loadME:hover .you-icon{color:#fff;}
.you-image .you-icon{font-size:larger; text-align:center;position:absolute;bottom:0;left:0;width:100%;background-color:#d564cc;background-color: rgba(213,100,204,0.8);color:#ccc;}
.loadIMG{cursor:pointer;}

.my-social-icon{
	width:2rem;
	height:2rem;
	opacity:0.8;
	transition: opacity .25s ease-out;
	position:relative;
	top:-0.5rem;
}
.my-social-icon:hover{opacity:1;}

ul.tourlist {list-style:none; margin-left:0;}
ul.tourlist img{max-height:18rem; margin-bottom:1rem;}
ul.tourlist li{border-bottom:1px solid #ccc;}
.tour-item .tour-image{max-height:18rem;}
.tour-image{max-height:25rem;margin-bottom:0.5rem;}

#chatBar{font-size:90%;color:#fff; font-weight:bold;border-bottom: #ccc solid 1px;}
#chatter{height:15rem; overflow-y:auto;}
#chatter ul{list-style:none; margin-left:0;}
#chatter li{border-bottom: #ccc dotted 1px;}
#chatter .char-message{position:relative;}
#chatter .chat-date{display:block;width:100%; text-align:right;font-size:70%; color:#4BA522;}
#chatForm label{color:#fff;}
#chatForm input,#chatForm .button{margin-bottom:0;}
.blog-post .main-image,.sidebar-main-image{
	position:relative;
	text-align:center;
}
.blog-post .main-image{
	height:25rem;
	margin-bottom:1rem;
	background-size: auto 100%;
	background-repeat:no-repeat;
	background-position:center;	
}
.blog-post .main-image img{
	max-height:25rem;
	margin-bottom:1rem;
}
.sidebar-item{
	border-bottom:1px #ccc dotted ;
	margin-bottom:0.5rem;
}
.sidebar-main-image img{
	max-height:200px;
	margin-bottom:0.5rem;
}
@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:-1.2rem;}
	.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;}
	/*table.stack thead{display:none}table.stack tfoot{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}*/

}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.blog-post .main-image img{
	max-height:400px;
}
	.sidebar .hotList .media-object.stack{
		display:block;
	}
}
@media screen and (min-width: 63.99875em) {
.blog-post .main-image img{
	max-height:400px;
}
	#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;
	}

}
