@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins:wght@300;400&family=Roboto&display=swap');
body {background-color: #efefef; font-family: "Poppins", sans-serif; width:100%;letter-spacing: 0.3px;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.title{font-family: "Montserrat", sans-serif;}
.top-bar{letter-spacing: normal;}
p{font-weight: 300;}
.panel .responsive-embed,.reveal .responsive-embed{height:auto;padding-bottom:0;}
.reveal .responsive-embed{background-color:#000;}
.reveal .responsive-embed iframe{position:relative;height:27rem;}
.reveal #pdf-pvpanel.responsive-embed{background-color:#fff;}
.blurME{ }
.blurIT {
  -webkit-filter:blur(3px);
 -moz-filter:blur(3px);
 -o-filter:blur(3px);
 -ms-filter:blur(3px);
 filter:progid:DXImageTransform.Microsoft.Blur();
 filter:blur(3px);
}

#jFormHolder h2{font-size:1.8rem;}
.blog-post h1{font-size:1.9rem;}
.blog-post h2{font-size:1.5rem;}
.blog-post h3{font-size:1.3rem;}

form .error input,form .error select,form .error textarea,form .error .panel{
	border:1px solid #BA0707!important;
}
form textarea{min-height:8rem;}
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);
}
.event-list-item{
	margin-bottom:0.5rem;
	border:1px solid #7F7F7F;
}
.event-list-item .button{
	margin-bottom:0;
}
.event-list-item .text-date{
	width:5rem;
	height:4.3rem;
	border:1px #ccc solid;
	border-radius:5px;
}
.text-date span{
	display:block;
}

ul.login{
	list-style:none;
	margin-left:0;
	padding:0.5rem;
}

.resource-list,.resource-list li{
	list-style:none;
	margin-left:0;
}
.resource-list .title{
	font-weight:700;
}
.resource-list li{
	transition:  .25s ease-out;
	padding:0.3rem;
	margin: 0.5rem 0;
	border: 1px solid #ccc;
	border-radius:0.3rem;
}
.resource-list li:hover{
	background-color:#fff;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}
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:#FFB806;}
.bg-gbm-orange{background-color:#FFB806;}
.text-gbm-blue,.accordion-title{color:#364570;}
.bg-gbm-blue{background-color:#364570;}
.text-gbm-dark-blue,#main .blog-post strong{color:#364570;}
.button-gbm-blue:focus, .button-gbm-blue:hover{color:#fff;}
.is-active .accordion-title.button-gbm-blue{color:#90EE90;}
#main .blog-post .button strong,#main .ibox-body strong{color:inherit;}
.bg-gbm-dark-blue{background-color:#054382;}
.button-gbm-blue{background-color:#364570 !important; opacity:0.8; cursor:pointer; transition: opacity .25s ease-out; color:#fff; }
.button-gbm-blue:hover{background-color:#364570; opacity:1;}
.link-gbm-blue{color:#364570; opacity:0.8; cursor:pointer; transition: opacity .25s ease-out; }
.link-gbm-blue:hover{color:#364570; opacity:1;}
.button-gbm-dark-blue{background-color:#054382!important; opacity:0.8; cursor:pointer; transition: opacity .25s ease-out; color:#fff; }
.button-gbm-dark-blue:hover{background-color:#054382; opacity:1;}
.link-gbm-dark-blue{color:#054382!important; opacity:0.8; cursor:pointer; transition: opacity .25s ease-out; }
.link-gbm-dark-blue:hover{color:#054382; opacity:1;}
.gbm-tabs li a{	color:#0066cc;}
.gbm-tabs li.is-active a{color:#fff;background-color:#054382;}
.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:10;}
.main-title{color:#E0E1E9;}
.sub-title{color:#E0E1E9; border-bottom:1px dotted;}
.reveal .top-bar .close-button{position:absolute;top:-2.3rem;right:0.3rem;}
/*.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;}
.button-group.round .button:first-of-type{border-top-left-radius:100px;border-bottom-left-radius:100px;}.button-group.round .button:last-of-type{border-top-right-radius:100px;border-bottom-right-radius:100px;}
.button-group.rounded .button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px;}.button-group.rounded .button:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px;}

#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)} 

#logo-title{font-size:1.2rem;}
.top-bar img.logo{max-height:4rem;}
#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:#364570;color:#efefef;z-index:10;}
.events_list .title{font-size:1.1rem; color:#abd9ff;}
.events_list .dates{display:block;font-size:90%;}
.events_list{color:#19324D;}
.reveal .events_list .title{color:#19324D;}
.text-right.unav{padding-right:0.5rem;}
#medi-menu,#mini-menu li{
	width:100%;
}
#mini-menu li a,#main-menu li a{
	background-color:transparent;
}
#mini-menu li a{
	transition: background-color .33s ease-out;
}
#mini-menu li a:hover{
	background-color:#ccc;
}
#mini-menu li .submenu a:hover{
	background-color:#19324D;
	color:#fff;
}
.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;}
.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;
}
#contents .blog-post p{overflow-wrap: break-word;}
.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;
}
#contents .widthlock .blog-post{
	transition: background-color 300ms ease-out 0s;
}
#contents .widthlock .blog-post:hover{
	background-color: rgba(255,255,255,0.95);
}
form#checkout table{margin-bottom:0;}
.ocHeader .close-button {top:0;}
.drilldown .is-drilldown-submenu-parent > a::after{
	border-color: transparent transparent transparent #36457f;
}
.js-drilldown-back a{
	color:#550202;
	opacity:0.8;
}
.js-drilldown-back a:hover{
	opacity:1;
}
.drilldown .js-drilldown-back > a::before{
	border-color: transparent #550202 transparent transparent;
}

/* site matching */
/*.text-title,.events_list .text-title{color:#36457f;}*/
.text-title,.events_list .text-title,.main-title{color:#8a8a8a;}
.text-title,.text-subtitle{transition:color .25s ease-out;}
.events_list li:hover .text-title{color:#fff;}
.events_list li:hover .text-subtitle{color:#364570;}
.text-subtitle{color:#775823;}
.sub-title{color:#9a9a9a;}
a{color:#364570;}
.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;
}
.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: #364570;
	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;
}
.footer .social-icon a{
	color:#efefef;
	transition: color .25s ease-out;
}
.footer .social-icon a:hover{
	color:#D08908;
}
.staffer{
	cursor:pointer;
	transition: background-color .25s ease-out;
}
.staffer:hover{
	background-color:#dfdfdf;
}
.user-bar{background-color: #efefef;}
.foot-bar{background-color: #efefef; color:#364570; font-size:90%;}
.zurb-footer-slogan{background-color:rgba(54,69,112,0.7); color:#efefef; padding:0.5rem 0;}
.zurb-footer-slogan .tagline{margin-bottom:0;}
#contents,#main_extra {background-color:transparent;}
#contents .widthlock .blog-post,#contents .widthlock .sidebar{
	background-color:rgba(255,255,255,0.8);
	padding:0.3rem;
	/*box-shadow:0 1px 3px rgba(0,0,0,0.7);	*/
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}
#contents .widthlock .blog-post{
	padding:1rem;
	background-color:rgba(255,255,255,0.85);
}
#contents .widthlock .sidebar{
    padding:0;
}
#contents.home .widthlock .blog-post,#contents.home .widthlock .sidebar{
	background-color:transparent;
	box-shadow:none;
	border:0;
}
#contents .page-content, #main_extra{
	/*background-color:rgba(255,255,255,0.8);*/
	padding-top:0.5rem;
}
.align-self-center{  display: flex; justify-content: center; width: 100%;}
.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%;
}
.slide-large,.slide-large .thumb img{
	max-height:500px;
}
.slide-medium,.slide-medium .thumb img{
	max-height:300px;
}
.slide-small,.slide-small .thumb img{
	max-height:150px;
}
.slide-large .thumb img,.hero.slide-large img{
	height:500px;
}
.slide-medium .thumb img,.hero.slide-medium img{
	height:300px;
}
.slide-small .thumb img,.hero.slide-small img{
	height:150px;
}
.slide-medium h3{ font-size:1.3rem;}
.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:url(../../gfx/booktile.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;
}

#contents .moc {
	padding-right: .675rem;
	padding-left: .675rem;
	max-width: 100%;
	margin: 0 auto;
}
#main{
	color:#333;
	/*background:#fff;*/
}
#main_extra{
	margin-bottom:0;
}
.hotList .media-object,.hotList .hotLink {
	transition: background-color .25s ease-out;
	margin-bottom:1rem;
}
.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{font-size: 90%;}
.sidebar .thumb img{
	max-width:100%;
	max-height:10rem;
	display:block;
	margin:0 auto;
}
.sidebar-title{
	font-size:1.4rem;
	border-bottom: 1px dotted;
}
.accordion-title.sidebar-title{
	font-size:1.2rem;
	border-bottom: 0;
}
.sidebar .sbText{
	font-size: 90%;
}
.sidebar .sbText strong{
	color:#364570;
}
#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;
}
#calendar-table{
    width: 100%;
    border: 1px solid #ccc;
    margin: 0 5px 5px 0;
    border-collapse: collapse;
}
#calendar-table td{
	vertical-align:top;
	background:#fff;
}
#calendar-table .button,#calendar-table table{
	margin-bottom:0;
}
#calendar-table .nday, #calendar-table .day {
	width: 14%;
	min-width: 80px;
	height: 80px;
	min-height: 80px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #ccc;	
	padding:0.2rem;
}
#calendar-table .event_link{font-size:90%;}
#calendar-table .nday{
	background:#dfdfdf;
}
#calendar-table .day{
	background:#fff;
}
#calendar-table .day.wend{
	background:#e6f8fd;
}
#calendar-table .day.today{
	background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%);
}
#calendar-table .mini_calendar{
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    border-spacing: 0;
    margin: 0 auto;
    position: relative;
    width: 100%;
    font-family:"Trebuchet MS",sans-serif;
    table-layout:fixed;
}
#calendar-table .event_link{transition: all .2s ease-in-out;}
#calendar-table .event_link:hover {transform: scale(1.1);}
#calendar-table .mini_calendar tbody td {
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    color: #444444;
    padding: 0;
    text-align: center;
    height:2rem;
}
#calendar-table .mini_calendar tbody .emptydaycls,#jCal.mini_calendar tbody .contentid,#jCal.mini_calendar tbody td a{width:100%;height:100%;font-size:100%;}
#calendar-table .mini_calendar tbody td a,#jCal.mini_calendar tbody td span{font-size:1em; padding:.5rem;}
#calendar-table .mini_calendar .nday,#jCal.mini_calendar .day{width:14%; min-width:auto!important; height:auto; min-height:auto!important;}
#calendar-table .mini_calendar tbody td .has_events{color:#fff;}
#calendar-table .mini_calendar tbody td .has_events a{color:inherit;}
#calendar-table .mini_calendar tbody td.today .has_events {color:#36457f;}
#calendar-table .mini_calendar #now .blue_grad{background-color:#f1da36;border-color:#f1da36;transition:background-color 300ms ease-out 0s;}
#calendar-table .mini_calendar #now .blue_grad:hover{background-color:#43ac6a;border-color:#43ac6a;}
#calendar-table .mini_calendar .dayweek{padding:.2rem;}
#calendar-table .mini_calendar .month{text-align:center;font-size:1.2rem;}
#calendar-table .mini_calendar .dayname{height:1rem;}
#calendar-table .mini_calendar .day span{position:relative; top:0.25rem;}

#calendar-table .calendar.stack thead{display:block;}
#calendar-table .calendar.stack .event_link:hover {transform: scale(1);}
#calendar-table .calendar.stack .dayname,#calendar-table .calendar.stack .nday{display:none;}
#calendar-table .calendar.stack .day{
	width:100%;
	height: 100%;
}

#timeline-content {
   text-align: center;
   max-height: 25rem;
   overflow-y:auto;
}
.info-box #timeline-content{
	max-height: 100%;
}
/* Timeline */
.timeline {
  border-left: 4px solid #364570;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(0,0,0, 0.8);
  font-family: 'Chivo', sans-serif;
  margin-left: 1rem;
  letter-spacing: 0.5px;
  position: relative;
  line-height: 1.4em;
  font-size: 1.03em;
  padding-left: 1.5rem;
  list-style: none;
  text-align: left;
  font-weight: 100;
  max-width: 80%;
}
.timeline .title {
  font-family: 'Saira', sans-serif;
  letter-spacing: 1.5px;
  padding-top:1rem;
}
.timeline .event {
  padding:0.5rem;
  border-bottom: 1px dashed rgba(54,69,112, 0.5);
  position: relative;
  transition: background-color .25s ease-out;
}
.timeline .event:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.timeline .event:hover{
	background-color:#fff;
}
.timeline .event:before,
.timeline .event:after {
  position: absolute;
  display: block;
  top: 0;
}
.timeline .event:before {
  left: 0px;
  color: #364570;
  content: attr(data-date);
  text-align: leftt;
  font-weight: 100;
  font-size: 0.9em;
  min-width: 120px;
  font-family: 'Saira', sans-serif;
}
.timeline .event:after {
  box-shadow: 0 0 0 4px #364570;
  left: -1.95rem;
  background: #fff;
  border-radius: 50%;
  height: 11px;
  width: 11px;
  content: "";
  top: 5px;
}
.news-post .main-image{text-align:center;}
.reveal .news-post{padding:1rem;}
.reveal .news-post .main-image .thumbnail{max-width:50%;}
/* xy-masonry */
.masonry-wall {-webkit-column-count: 1;-webkit-column-gap: 1rem;column-count: 1; column-gap: 1rem;}
.masonry-brick{transition: all .25s ease-in-out;}
.masonry-brick:hover{z-index:30;transform: scale(1.1);}
.masonry-wall .masonry-brick {-webkit-column-break-inside: avoid;break-inside: avoid;margin-bottom: 1rem;}
.grid-sizer{width:100%;height:0;}
.top-bar .menu li.title{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


@media screen and (min-width: 40em) { .grid-sizer{width:50%;} .masonry-wall {-webkit-column-count: 2;column-count: 2;} }
@media screen and (min-width: 64em) { .grid-sizer{width:33.3333%;} .masonry-wall {-webkit-column-count: 3;column-count: 3;} }
/* infogrid common */
.masonry-brick .info-box{border-radius:0.8rem;}
.masonry-brick .ibox-body{border-radius:0 0 0.8rem 0.8rem; box-shadow: 0 6px 3px 0px rgba(0,0,0,0.2);margin-bottom:0.5rem;}
.masonry-brick .ibox-header{
	border-radius:0.8rem 0.8rem 0 0;
	position:relative;
	width:100%;
	top:2px;
	margin:0 auto;
	z-index:1;
	box-shadow: 0 2px 2px 0px rgba(0,0,0,0.2);
}
.masonry-brick .ibox-header h5{
	font-size:1rem;
	padding:0 5px;
	font-family: "Poppins";

}
#contents .blog-post .callout,#contents .blog-post .panel, #contents .blog-post img,#contents .blog-post .resposive-embed,
#contents .blog-post,#contents .sidebar,#contents .blog-post .card,
#contents .blog-post .mainImage.thumbnail,#contents .blog-post img,
#contents .blog-post .item-rapper, #contents .blog-post .item-image > div,
.reveal{border-radius:0.5rem;}
#calendar-table .event_link {border-radius:3px;}
#calendar-table .event_link .bg-white{font-weight:300;}
.info-box a{color:inherit;}
.info-box .bg-black{background: #222A38 !important;}
.info-box {background-color:transparent;border:0;}
/*.info-box:hover{box-shadow: 0 9px 8px -3px rgba(0,0,0,0.5);}*/
.info-box .ibox-header {color:#fff; text-align:center;padding:0.5rem}
.info-box .ibox-header h5{width:100%;}
.info-box .infogrid-body-wrap{text-align:center;}
.info-box .ibox-header.default{background-color:#364570;}
.info-box .infogrid-body-wrap img {
	margin: 0 auto;
	width: auto;
	max-width: 100%;
}
.info-box .panel{padding:0;}
.info-box .responsive-embed{margin-bottom:0;}
.info-box .ibox-body {
	font-size:90%;
    background-color: rgba(200,200,200,0.75);
    position: relative;
    transition: background-color 0.5s ease;
    padding:0.5rem;
}
.info-box:hover .ibox-body {
	background-color: rgba(200,200,200,0.95);
}

.reveal .grid-margin-x.widthlock > .medium-9{
	width:calc(100% - 1.875rem);
}
.reveal .page-content{
	max-height:90vh;
	overflow-y:auto;
}
#responsive-menu.top-bar{
	padding:0 0.5rem;
}
#responsive-menu.top-bar, #responsive-menu.top-bar ul{
	/*background:#fff;*/
	background:rgba(255,255,255,1);
	color:#676767;	
}
#responsive-menu.top-bar ul.submenu{
	list-style:none;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
	background-color:rgba(54,69,112,0.8);
	border-radius: 0 0 0.5rem 0.5rem;
}
#main-menu li a{color:#775823; font-size:90%}
#main-menu li ul li a{color:#fff;}
#main-menu li a:hover,#main-menu li.has-submenu:hover a {background-color:rgba(54,69,112,0.8);color:#fff;}
#main-menu a.submenu-link::after{border-color: #364570 transparent transparent;}
#main-menu a.submenu-link:hover::after{border-color: #fff transparent transparent;}
/*
#main-menu > li > a{padding:1rem;}
#main-menu > li.has-submenu > a{padding:1rem 1.3rem 1rem 1rem;}
*/
.user-bar{font-size:85%;}
.user-bar button{padding:0.4rem;}
.user-bar .uname{padding:.2rem 1rem;}

.footer{
	color:#efefef;
}
#logo .site_name{
	 font-size:1rem;
}
#logo .site_name span{
	font-size:1rem;
	display:block;
}
#logo .sub2{
	font-size:0.9rem;
}
.footer .logo{
	max-height:60px;
}
.widthlock{
	max-width:75rem;
	margin:0 auto;
	padding:1rem 0;
}
.reveal .widthlock{padding:0;margin:0;max-width:100%;}
.reveal .info-box-img{padding-top:1rem;}
.book-post .thumbnail{
	max-height:35rem;
}
.mainImage img{max-height:35rem; padding:0!important;}
.reveal .widthlock .event-post {padding:0.5rem;}
.progress-indicator{background-color:#f1f1f1;border:1px solid #ccc; margin-left:0; color:#ccc;}
/*
.progress-indicator li{
	display:inline-block;
	padding:0.3rem;
	margin:0 1rem;
	position:relative;
}
*/
.progress-indicator .is-complete{
	color:#0A8C00;
}
.progress-indicator .is-current{
	color:#8C1A00;
	font-weight:bold;
}
.progress-indicator .is-complete span,.progress-indicator .is-current span{
	/*color:#fff;*/
}
.progress-indicator li::after{
 /*  display: inline-block;
  content: '\00bb';
 color: #959fa5;*/
}
/*=======*/
.progress-indicator {
	/*centering*/
	display: inline-block;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	border-radius: 5px;
	/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
	counter-reset: flag; 
	position: relative;
}

.progress-indicator li {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 90%;
	line-height: 2.3rem;
	color: white;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 .8rem 0 4rem;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.progress-indicator li:first-child {
	padding-left: 2.5rem;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.progress-indicator li:first-child:before {
	left: .9rem;
}
.progress-indicator li:last-child {
	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
	padding-right: 1rem;
}

/*hover/active styles*/
.progress-indicator li.is-current, .progress-indicator li:hover{
	background: #333;
	background: linear-gradient(#333, #000);
}
.progress-indicator li.is-current:after, .progress-indicator li:hover:after {
	background: #333;
	background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.progress-indicator li:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px; 
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	/*stylish arrow design using box shadow*/
	box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.progress-indicator li:last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/
.progress-indicator li:before {
	content: counter(flag);
	counter-increment: flag;
	/*some styles now*/
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 33px;
	background: #444;
	background: linear-gradient(#444, #222);
	font-weight: bold;
	text-align:center;
}


.flat li, .flat li:after {
	background: #f1f1f1;
	color: #ccc;
	transition: all 0.5s;
}
.flat li:before {
	background: #f1f1f1;
	box-shadow: 0 0 0 1px #ccc;
}
.flat li:hover, .flat li.is-current, 
.flat li:hover:after, .flat li.is-current:after{
	background: #3adb76;/*#92CD18;*/
}

/*=========*/


#jFormHolder {
	background-color:#f1f1f1;
	border: 1px solid #aaa;
	border-radius: .5em;
	padding: 0 .5em;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

/* search results */

.mpFilter .button,.mpFilter .button-group,.mpFilter .input-group{
	margin-bottom:0;
}
#searchResults .result{
	border-bottom:1px dotted #ccc;
	padding-bottom:0.5rem;
	padding-top:0.5rem;
	transition: background-color .25s ease-out;
}
#searchResults .result:hover{
	background-color:#fff;
}
#searchResults .result h2{
	font-size:1.25rem;
}
#searchResults .result h2 .subheader{
	font-size:1rem;
}
#searchResults .result .result_snippet{
	font-size:0.9rem;
}
#searchResults .result .result_snippet .info{
	display:block;
}
#searchResults .result .result_snippet strong{
	color:#5D5D5D;
}

.switch-label{
	color:#333;
	vertical-align:top;
}
.tabs-wrapper .accordion-content{overflow-y:auto;}
div.tabs-content,.tabs-wrapper .accordion-content{max-height:80vh;}

/* icon button */
.iconButton{
   width:8rem;
   text-align:center;
}
.iconButton.wide{
	width:11rem;
}
.iconButton .stat,.iconButton .mini-stat{width:100%;}
.iconButton .ib_label{
	width:100%;	
	height:2.9rem;
	overflow:hidden;
}
.iconButton .mini-stat{
	font-size:1.5rem; 
}
.iconButton.wide .ib_label{
	height:1.2rem;
}
.iconButton.expanded {text-align:left;}
.iconButton.expanded .ib_icon,.iconButton.expanded .ib_label{
	display:inline;
}
.iconButton.expanded .ib_icon::after{content:": "}
/* sharing */
.shareDialog{display:none;position:absolute;background:rgba(255,255,255,0.9);border:1px solid;z-index:100;top:10rem;padding:0.5rem;}
.shareDialog header{background-color:#fff;}
.shareDialog .close-button{top:0;right:0.5rem;}

/* product card */
.products{padding:1rem;}
.product-box {margin-bottom:0.9375rem; cursor:pointer;}
.product-box .item-rapper{position:relative; border:1px solid #bfbfbf; padding:0.5rem;transition:.5s;}
.product-box .item-rapper:hover{border:1px solid #36457f;box-shadow: 0 9px 8px -3px rgba(0,0,0,0.5);}
.product-box .item-image,.product-box .item-title,.product-box .item-price{text-align:center;}
.product-box .item-image{max-height:10.5rem;}
.product-box img{max-height:10rem;}
.product-box .item-title{height:5rem}
.product-box .item-price{font-weight:bold; color: #36457f;}
.product-box h3{font-size:1.2rem; text-align:center; margin-top:0.5rem;}
.product-box .button{width:100%;}
.reveal .product-box {margin-bottom:0;cursor:default;}
.reveal .product-box .item-image{height:20rem;}
.reveal .product-box img{max-height:20rem;}
.reveal .product-box .item-title{height:auto;}
.reveal .scroll-y{max-height:23rem; overflow-y:auto;overflow-x:hidden;}
@media screen and (min-width: 40em){
	.product-box .item-image{height:10.5rem;}
}				
.product-box .transition-hover-content{
	position:absolute;
	top:0.5rem;
	opacity:0;   
	transition:.5s;
	width:95%;
	padding:1rem;
	background-color:rgba(54,69,127,.85);
	color:#fff;
	max-height:11rem;
	overflow-y:auto;
	font-size:90%;
}
 
.product-box .transition-hover:hover .transition-hover-content {
	opacity:1;					
}				
.product-box .transition-hover-content .price{color:#fff!important;}
.card-link,.panel.result{
	box-shadow: 0 5px 8px -3px rgba(0,0,0,0.2);
	transition: all .25s ease-in-out;
}
.card-link:hover,.panel.result:hover{
	box-shadow: 0 9px 8px -3px rgba(0,0,0,0.5);
	z-index:30;
	transform: scale(1.1);
}
/* youtube video */
.you-video{
	display:block;margin:0 auto;position:relative;background:url(gfx/ajax-loader.gif) center no-repeat #d9dce7;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.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:#36457f;background-color: rgba(54,69,127,0.8);color:#ccc;}

.sideCol.bline_left{background: url("gfx/themes/defaultmain/v-dots.png") repeat-y left; padding-left:0.5rem; font-size:95%;}
/* styles for long menu */
#main-menu{font-size:90%;}
#main-menu > li.has-submenu > a, #main-menu > li.no-submenu > a{padding:1rem 0.5rem;font-size:90%;}
#main-menu a.submenu-link::after,#main-menu .mega-menu-link a.submenu-link::after{right:-1px; border: inset 4px; border-bottom-width: 0; border-top-style: solid; border-color: #364570 transparent transparent;}
#main-menu a.submenu-link:hover::after{display:none;}

/* styles for tabs */
#contents .tabs-title > a {color:#364570;}
#contents .tabs-title > a:hover{background-color:#f6f6f6;}
#contents .tabs-title > a:focus, #contents .tabs-title > a[aria-selected="true"] {
	background: #364570;
	color: #fff;
}
/* comment cards */
.comment.card {
/*
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  margin-top: 1rem;

  box-shadow: rgba(0, 0, 0, 0.19) 0 0 8px 0;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 1rem;
  background: #fefff9;
  color: #363636;
  */
  border:1px solid #BFBFBF;
}
.comment.card .card_header {
  position: relative;
  height: 2rem;
  overflow: hidden;
  background-color: #36457f;
  color: #fff;
  width:100%;
  padding: 0.3rem 0.5rem;
  font-size:90%
}
.comment.card .card_body{
	padding: 0.5rem;
	width:100%;
}
.comment.card .card_title{
	font-weight:bold;
}
.comment.card .card_code{
	position: absolute;
	top:0.3rem;
	right:0.5rem;
}
.comment.card .question{
	display:block;
	padding-bottom:0.3rem;
}
.comment.card .answer{
	padding:0.2rem 0.5rem;
	color:#008000;
	background-color:#C6F5C6;
	display:block;
}
.callout.notey{
	position:fixed;
	top:5rem;
	right: 1.5rem;
	width: 20rem;
	overflow:hidden;
	box-shadow: rgba(0, 0, 0, 0.5) 0 0 8px 0;
	transition: transform .5s ease;
}
.callout.notey p{margin-bottom:0;}
.callout.notey .notey-close-button{cursor:pointer;}
.slide-in {
  transform: translateX(120%);
  -webkit-transform: translateX(120%);
}
.slide-in.show{
  transform: translateX(0);
  -webkit-transform: translateX(0);
}
table tr.result span,table tr.result small em{display:block;}
table.review tbody th{text-align:left;}
#mini-menu.invisible{
	visibility:visible;
}
.reveal .card .top-bar li.title{
	font-size:1rem;
	font-weight:400;
}
@media screen and (min-width: 40em) {
	.reveal .card .top-bar li.title{
		font-size:1.2rem;
		font-weight:700;
	}
	.reveal .page-content{
		max-height:60vh;
	}
	#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;}	
	.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;
	}
	.footer .logo{
		float:left;
		margin-right:0.5rem
	}
	.sidebar.fixed{position:fixed; max-width:23%;}
	#calendar-table .daycls{font-size:80%;}
	#main{min-height:27rem;}
	.reveal .top-bar .close-button{position:relative;top:0;right:0.5rem;}
}
/* video cards */
.vid-card{border-radius:8px;box-shadow: 0 3px 2px -1px rgba(0,0,0,0.3); transition: .5s;}
.vid-card:hover {border: 1px solid #ccc;box-shadow: 0 9px 8px -3px rgba(0,0,0,0.5);}
.vid-card .title{font-size:108%;}
.vid-card .date{font-size:90%;}
.vid-card .info{min-height:8rem; max-height:10rem;overflow-y:auto; font-size:80%; border-top:1px solid #eee;}
.vid-card.feature{background-color:#fff;border:1px solid #e6e6e6}
.vid-card.feature .title,.vid-card.feature .info,.vid-card.feature .date{padding:0 1rem;}
.vid-card.feature .image_wrapper {width:100%;min-height:100%;background-size:cover;background-position:center; border-radius: 8px 8px 0 0 ; height:15rem;}
@media screen and (min-width: 40em){
	.vid-card.feature .image_wrapper {border-radius: 8px 0 0 8px; background-position:center right;}
	.vid-card.feature .title,.vid-card.feature .info,.vid-card.feature .date{padding:0 0 0 0.5rem}
}
/* responsive tables */
table.responsive th{position: sticky;position: -webkit-sticky;top: 0px;z-index: 2;background-color:#f8f8f8;}
table.responsive.font-90{font-size:90%;}
@media only screen and (max-width: 767px) {
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	

 table.responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
 table.responsive tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.responsive td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table.responsive td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.responsive td:last-child {
    border-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: 40em){
	.events_list .title{font-size:1.5rem}
}
@media screen and (min-width: 64em) {
	td.small-2,th.small-2{width:25%;}
	#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;
	}
	#searchResults{
		max-height:60vh;
		overflow-y:auto;
	}
	.sidebar .accordion{
		opacity:0.4;
		transition:opacity 300ms ease-out 0s;
	}
	.sidebar{opacity:0.8;}
	.sidebar:hover,.sidebar:hover .accordion{
		opacity:1;
	}
	.menuSlideDown{
		max-height:0;
		overflow:hidden;
		transition: max-height 0.4s;
	}
	.menuSlideDown.transit{
		max-height: 500px;
	}
	.home-panel{min-height:20rem;}
	div.tabs-content,.tabs-wrapper .accordian-content{max-height:70vh;}
}
@media screen and (min-width: 100em){
	#main{min-height:39.5rem;}
}

/*mega menu*/
.mega-menu.dropdown-pane {
  width: 98vw;
  /* max-width: 85rem; */
  margin: 0 auto !important;
  left: 0% !important;
  right: 0% !important;
	list-style:none;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
	background-color:rgba(54,69,112,0.8);
	border-radius: 0 0 0.5rem 0.5rem;
}
#responsive-menu .mega-menu ul{background-color:transparent;}
#responsive-menu .mega-menu ul .title{color:#fdcf76; text-decoration:underline;}

.mega-menu .menu {
  background: none;
}
#main-menu .mega-menu-link a{ position:relative;}

/*
.mega-menu > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  margin-left: 10px;
  margin-top: 11%;
}
*/