html,body{width:100%;height:100%;padding:0;margin:0;}
body {font-family: lato, sans-serif; color: #333; background:white; font-size:18px; font-weight:300;}
div, h1, h2, h3, h4, h5, nav li, .nav li, .sans{font-family: lato, sans-serif;}

a{color:#333;cursor:pointer;}
a:link{ text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: underline;}
a.ul{text-decoration: underline;}

hr{width:100%;}
img{border:none;max-width:100%;flex-shrink: 0;/*so ie behaves*/}
img.disabled, .unavail img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
h1{color:#333;font-weight:600;margin:0 0 20px 0;font-size:2.1rem;}
#text h1{font-size:24px;}
h2{font-size:2rem;font-weight:600;margin:15px 0;}
h3, h3 a{font-size:1.5rem;font-weight:400;}
h4{font-size:1.2rem;}
h5{font-size:1rem; font-weight:300; margin:0;}
input {font-size:20px;font-weight:200;border:1px solid #999;border-radius:5px;padding:1%;color:#666;}
input[type="checkbox"], input[type="radio"]{margin-right:5px;}
input.form-control{padding:0 12px;}
table.table{margin-bottom:0;}
select option.disabled,select option.disabled:hover,select option.disabled:focus{font-weight:bold;padding-top:10px;background:white;color:black;}
/*#episode p{margin-bottom:35px;}*/
p.no-mb,.no-mb{margin-bottom:0;}
p, li{font-size:1.2rem; font-weight:300; font-family: lato, sans-serif;}
.small,small{font-weight:200;font-size:80%;}
strong{font-weight:600;}
th{font-weight:400;}
input[type="image"]{border:none;}
div {vertical-align:top;}

a.btn.btn-default, button.btn.btn-default, a.btn.btn-light, button.btn.btn-light{background:#eee; border:1px solid #ddd;}
.btn-sm{font-size:.7rem;}
.navbar-expand-lg .navbar-nav .nav-link{padding-left:0;padding-right:0;margin-left:.6rem;margin-right:.6rem;font-weight:bolder;}
.navbar-expand-lg .navbar-nav .nav-link.disabled{font-weight:lighter; cursor:unset;}
.navbar{padding:.5rem 0;}

.card-header{padding:0;}

.text-info{color:green !important;}
.shadow1{box-shadow:3px 3px 5px 0px rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);}

div.error,label.error,.error{color:#f77;font-size:1em;font-weight:100;}
div.space1{width:100%;height:13px;} /* 8x1.618 */
div.space2{width:100%;height:21px;} /* 8x1.618^2 */
div.space3{width:100%;height:34px;}
div.space4{width:100%;height:55px;}
ul,ol{font-weight:200}
/* li.active{background:#F9A650;} */

.op-success{display:none;color:green;}
.btn-info{background:#1fae96;}
.note,.required{color:red;font-weight:bold;}
.btn-link{color:#222ABD;}
@media (min-width: 768px){
	
}
@media only screen and (max-width: 768px) {
	h3{font-size:1.2rem;}
}
.fill-gold{fill:#f5af29;}
.fill-primary{fill:#222ABD;}
.bg-bg{background:#e3e1e2;}
.bg-sand{background:#efeee9;border-top:.5rem solid white;border-bottom:.5rem solid white;padding-top:2rem;padding-bottom:.5rem;}
.std-grey-bg{background:#f4f4f4; padding:2rem 0 6rem;}
.bg-grey{
    background:#f4f4f4;
}
.bg-gold{background:#f5af29;}
.bg-primary{background:#222ABD !important;}
.bd-primary{border:1px solid #222ABD;}
.bg-warning{background:#ffc107;}
.bg-danger{background:#dc3545;}
.btn-border{background:none;border:1px solid #222ABD; color:#222ABD; font-weight:400;min-width:150px;}
.btn-border.active, .btn-active{background:#222ABD; color:white;}
.btn-black {
    background-color:black;
    color:white;
}
.r-x{position:absolute;width:18px;height:18px;right:32px;top:12px;font-size:16px;background:#333;color:white;border-radius:20px;line-height:1;font-weight:normal;opacity:.5; text-align:center;}
.r-x:hover{background:red;opacity: 1.0;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;}
.r-x a{color:white;}
.r-x a:hover{text-decoration:none;}

.audio-ctnr{width:100%;}
.fix-top{position:fixed;top:0;}

.entry{
  padding:0;
  min-height:55px;
  border:1px solid #ddd;
  margin-bottom:1rem;
  background:#fff;
}
.entry a.action, .entry button.action{background: #999; color: white; display: flex; align-items: center; justify-content: center; font-size: .8rem; min-width: 100px; border:none; border-left:1px solid white; text-align:center;}
#form-check-in .entry{background:none;}
/*.navbar-light .navbar-nav a.nav-link,.navbar-light .navbar-nav .active a.nav-link{color:white;font-size:16px;}*/

/*
.shadow {
	-moz-box-shadow: 3px 3px 3px #999;
	-webkit-box-shadow: 3px 3px 3px #999;
	box-shadow: 3px 3px 3px #999;
}
*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* so IE 10+ behave */
	img{width:100%;}
}
@supports (-ms-accelerator:true) {
  /* so IE Edge 12+ behave */ 
}

.search #s-r{min-height:250px;display:none;}

/*
.tooltip {
    display:none;
    background:#aaa;
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#eee;
}*/


.btn{white-space:normal;}
.btn-primary{background:#222ABD; border:1px solid #222ABD; color:white !important;}
.btn-green{background:#2d2;color:white;}
a.btn.btn-warning,button.btn-warning{background:#f9a650;}

/*a.btn.btn-warning,button.btn.btn-warning{color:white;}*/
.text-primary{color:#222ABD !important;}
.text-primary-g{color:#70BF41;}
.std_width{max-width:960px;margin:auto;}
.std_bg{background:#00aeef;}
.std-bg{background:#00aeef;}
.yellow-bg{background:#F9A650;}
.white,.text-white{color:#fff;}
.grey,.text-grey{color:#999;}
.blue,.text-blue{color:#222ABD;}
.text-warning{color:#f0ad4e;}
.text-danger{color:#dd2222;}
.text-gray,.text-grey{color:#aaa;}
.divider{width:100%;float:none;height:1%;clear:both;border-bottom:1px solid #ddd;}
.spacer{width:100%;float:none;height:1%;clear:both;margin-bottom:1.5em;}
.loader{display:none;padding:0 10px;}
.no-wrap{white-space:pre;}

#library .filter li{cursor:pointer;}

.btn-ctg{background:white;border:2px solid #00aeef;border-right:none;}
/*.btn-ctg-dd{background:white;border:2px solid #00aeef;border-left:none;color:#00aeef;}*/

.datepicker{z-index:1999;}

.upd-success{display:none;color:green;}
.upd-fail{display:none;color:red;}

.d-d
{
	text-align: center;
	padding: .5em 0;
	color: #555;
	border: 1px solid #8af;
	border-radius: 5px;
	cursor: default;
	background:white;
}

.d-hover
{
	background:#8af;
	border-style: solid;
	box-shadow: inset 0 2px 3px #888;
}

.chk-success,.chk-fail{display:none;}
.chk-success{color:green;}
.chk-fail{color:red;}

/*masonry divs*/
/*
.masonry-row.row {
	-webkit-column-gap: 30px; 
	-moz-column-gap: 30px;
	column-gap: 30px;
	padding-left: 15px;
	padding-right: 15px;
	word-wrap: break-word;
}
.masonry-row [class*="col-"] {
	 display: inline-block;
	 width: 100%;
	 height: 100%;
	 float: none;
	 padding: 0px;
}
@media (min-width: 480px) {
	.masonry-row.row {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}
@media (min-width: 768px) {
	.masonry-row.row {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}
*/

/*masonry js non bootstrap*/
/*
.grid-sizer,.grid-item{width:16.66%;}
.grid-item--width2{width:33.3%;}
.grid-item--width3{width:66.6%;}
.gutter-sizer{width:1%;}

@media (max-width: 768px) {
	.grid-sizer,.grid-item{width:25%;}
	.grid-item--width2{width:50%;}
	.grid-item--width3{width:50%;}
}

@media (min-width: 1500px) {
	.grid-sizer,.grid-item{width:12.5%;}
	.grid-item--width2{width:25%;}
	.grid-item--width3{width:50%;}
}
*/

.lib-block .text h3{padding-top:10px;}
.lib-block .text div{font-size:1rem;}

#body-ctnr{
	/*min-height:100%;credit: http://www.cssreset.com/2010/css-tutorials/how-to-keep-footer-at-bottom-of-page-with-css/ */
	height:100%;
	position:relative;
}
/* #header_ctnr{width:100%;min-height:4em;}
#header{max-width:960px;min-width:600px; margin:auto;padding:1em 0;overflow:hidden;} */
#header{margin-top:.5em;}
#header #logo{width:25%}
#header #welcome{width:72%;}
#header h3{margin:0;line-height:100%;}

/* Menu */
/*.navbar *{color:white;}*/
.navbar{padding-bottom:0;}
.navbar-brand{max-width:250px;min-height:60px;}
/*.navbar-nav > li > a{padding-top:20px;padding-bottom:20px;}
#main-navbar-collapse-1 ul.navbar-nav>li>a:hover{border-bottom:2px solid white;padding-bottom:18px;}
#main-navbar-collapse-1 ul.navbar-nav li.active a{border-bottom:5px solid white;padding-bottom:15px;}
#main-navbar-collapse-1 ul.navbar-nav li a.active:hover{padding-bottom:15px;}
*/
.navbar-default .navbar-toggle .icon-bar{background:white;}
.navbar-light #main-navbar-collapse-1 .navbar-nav a{font-size:.9rem;}
.primary .dropdown-item:focus, .dropdown-item:hover{background:#222ABD; color:white;}
.navbar-light #main-navbar-collapse-1 .dropdown-item{font-weight:200;}
.dropdown-menu{min-width:1rem;}
.dropdown-menu > li > a:hover{background:#f9a650;}
/*#main_menu{float:right;padding-top:3%;width:66%;}
#main_menu *{font-size:18px;font-weight:100;}
#main_menu ul {margin:0;float:right;padding:0;list-style-type: none; list-style-image: none;}
#main_menu li {display: inline;padding:5px 15px;}
#main_menu ul li a {margin:0px;padding:0;display:inline;text-transform:uppercase;color:#333;font-weight:100;}
#main_menu li.current{font-weight:400;text-decoration:none;text-transform:uppercase;}
.current{text-decoration:underline;}
.current1{background:#f9a650;}*/
#sub_menu a{color:white;}
#sub_menu > ul > li{text-align:center;padding:1.2% 0;color:white;font-size:1.2em;border-left:1px solid #ddd;height:55px;}
#sub_menu ul{list-style:none;margin:auto;padding:0;}
#sub_menu button.btn{font-weight: 100;}
/*#container{margin:auto;positoin:relative;min-height:600px;padding-top:0.01em;max-width:100%;background:#f4f4f4;}*/
 
#acct-msg{background:#eee;position:relative;padding:1em 2em;display:none;margin-bottom:20px;border-radius:8px;}
#acct-msg #x{position:absolute;top:5px;right:8px;font-size:1em;}

/* Signin */
.signin-form{max-width: 450px;}
.signin-form .s-form-heading, .signin-form .checkbox {margin-bottom: 10px;}

h2.s-form-heading{font-size:28px;}
.signin-form .checkbox {
    font-weight: normal;
}
.signin-form .form-control{
    -moz-box-sizing: border-box;
    font-size: 16px;
    height: auto;
    padding: 10px 10px 8px;
    position: relative;
	width:100%;
}
.signin-form .form-control:focus {
    z-index: 2;
}
/*
.signin-form input[type="email"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}*/

.signin-form input[type="password"] {
/*
    border-top-left-radius: 0;
    border-top-right-radius: 0;*/

    margin-bottom: 10px;
}

/* Library */
#library{padding-top:0;padding-bottom:;2%;}
/*.lib-block.mm_book,.lib_block.my_book{display:none;}*/
.lib-block .book-img img:hover{opacity:.6;}
.lib-block .book_desc{text-align:left;background:#f4f4f4;height:170px;}
.lib-block .text a{text-decoration:none;}

/* Episode */
#episode p, #episode div{font-size:1.3rem;margin-bottom:1.8rem;line-height:1.6;}
#episode ul{margin-bottom:1.8rem;}
#episode li{font-size:1.3rem;margin-bottom:.5rem;line-height:1.5;}
#episode h1, #episode h2{margin:4rem 0 2rem;}

@media only screen and (max-width: 768px) {
	#episode p, #episode div, #episode li{font-size:1.2rem;}
}

#disclaimer{float:left;padding:20px 0;text-align:left;}
#loginForm input{width:100%;}
.mobile input{font-size:1em;}

.sub-nav.nav-pills > li > a {background: #00aeef;color:white;border:1px solid white;}
.sub-nav.nav-pills > li.disabled > a,.sub-nav.nav-pills > li.disabled > a:hover {background: #acd;color:white;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs{background:#eee;}
nav.navbar .nav-link.active{border-bottom:3px solid #222ABD;}
/*.sub-nav.nav-pills > li.active > a{background:#eea236;}*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color:#222ABD;}
.regular-radio {
	display: none;
}

.regular-radio + label {-webkit-appearance: none;border: 1px solid #ccc;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);padding: .2em 1.8em;border-radius: 2em;display: inline-block;position: relative;color:#999;
}

.regular-radio:checked + label:after {content: '\2714';font-size: 2em;position: absolute;top: 0;left: .2em; line-height:.8;}

.regular-radio:checked + label {background-color: #fff;color: #222ABD;border: 1px solid #222ABD;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);}

.regular-radio + label:active, .regular-radio:checked + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}

.big-radio + label {padding: 16px;}

.big-radio:checked + label:after {
	width: 24px;
	height: 24px;
	left: 4px;
	top: 4px;
}
label {
	display: inline;
}

.checkbox-lg{ margin:3px 5px; display:inline-block; width:20px; height:20px; background: #222ABD; position: relative;/* -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); box-shadow: 0px 1px 1px rgba(0,0,0,0.5);*/
}
.checkbox-lg.circle{border-radius: 100%;}
.checkbox-lg label{ display: block; width:18px; height:18px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; cursor: pointer; position: absolute; top:1px; left:1px; z-index: 1; background: #edf2f7;/* -webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5); -moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5); box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5);*/
}
.checkbox-lg.circle label{border-radius: 100%;}
.checkbox-lg input[type=checkbox]:checked + label {
	/*background: #f9a650;*/
}
.checkbox-lg input[type=checkbox]:checked + label:after {
	content: '\2713';
	color:#222ABD;
	font-size:1.5rem;
	position:absolute;
	top:-5px;
	left:0;
}
.checkbox-lg input[type=radio]:checked + label {
	background: #f9a650;
}
.checkbox-lg input{display:none;}

/* .squaredThree */
.squared3 {
	width: 25px;
	height:25px;
	position: relative;
}
.squared3 label {
	width: 25px;
	height: 25px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, #fff 0%, #eee 100%);
	border-radius: 4px;
	box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.squared3 label:after {
	content: '';
	width: 16px;
	height: 10px;
	position: absolute;
	top: 6px;
	left: 4px;
	border: 3px solid #222ABD;
	border-top: none;
	border-right: none;
	background: transparent;
	opacity: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.squared3 label:hover::after {
	opacity: 0.3;
}
.squared3 input[type=checkbox] {
	visibility: hidden;
}
.squared3 input[type=checkbox]:checked + label:after {
	opacity: 1;
}

/* end .squaredThree */

.squared3.inverse label{
	/*background: linear-gradient(to bottom, #6ae5df 0%, #222ABD 100%);*/
}
.squared3.inverse label:after {
	border: 3px solid #222ABD;
	border-top: none;
	border-right: none;
}


#boarding{min-height:600px;padding-top:2em;}
#boarding button{min-width:150px;}
#stepNavLable{padding-left:8%;margin:0 auto 1.2em;text-align:center;}
#steps_nav{margin:1.2em auto 0;width:90%;height:3em;text-align:center;}
/*.step{float:left;width:20%;text-align:center;position:relative;}*/
.n_step_l{padding:.5em;font-size:.8em;margin:auto;}
.n_step{padding:.5em;margin:-1.5em auto 0;width:3em;border:.2em #fff solid;border-radius:2em;background:#ddd;color:white; cursor:pointer;}
.w_line{margin-top:2em;border-top:4px #fff solid;width:100%;}
.lw_line, .rw_line{width:50%;margin-top:2em;border-top:4px #fff solid;}
.lw_line{}
.rw_line{margin-left:49%;}
.ob_step{float:left;width:16.6667%;padding:1em 2em;}
.ob_step p{text-align:center;font-size:1.3em;font-weight:100;}
#survey p{text-align:left;}
#step_window{overflow:hidden;border-top:1px solid #ddd;}
#steps_ctnr{width:600%;clear:left;float:left;}
#wiz_block{padding:2% 0;text-align:center;}
#bk_ll{padding-bottom:20px;}
#bk_sel_err{clear:both;display:none;font-size:1.5em;padding:2%;text-align:center;}


.discussions .avatar{text-align:right;padding:0 5px;}
.discussions .ts{font-size:10px;text-align:right;clear:both;color:#ccc;padding-right:25px;}
.discussions .reply-to{margin:-10px 0 0 15px;}
.discussions img{max-width:60px;}
.discussions .reply{font-size:18px;padding-right:25px;color:green;}
.discussions .cmt .cheer{display:none;color:#d33;padding:0;}
.discussions .cheer .ch-count{padding:5px;font-size:12px;}
.discussions .reply-to .msg{font-size:15px;color:#888;}
.discussions .reply-to img{max-width:50px;}
.avatar .link-id,.avatar .cmid,.avatar .email,.avatar .name{display:none;}
.cmt-menu{position:absolute;display:none;border:1px solid #ddd;border-radius: 5px;padding:0 8px 8px;list-style:none;background:#eee;opacity:.9;}
.cmt-menu li{font-size:12px;padding:0 5px;cursor:pointer;}
.cmt-menu li:hover{background:#00aeef;color:white;}
.cmt-menu li.disabled{color:#aaa;}
.cmt-menu li.disabled:hover{background:#eee;color:#aaa;}
.refl-list .add-discn, .add-comment{display:none;}

/*#myIns,#libIns{padding:.6em 2em;background:#eee;border:2px solid #ddd;border-radius:.6em;font-size:1.2em;font-weight:100;}*/

/* Invite page */
#inv_header{width:100%;text-align:center;padding-bottom:2em;}
#invite #steps{width:47%;padding:.2em 2% 2em 0;display:inline-block;vertical-align:top;}
#invite #inv_form{background:white;border:1px solid #ddd;border-radius:5px;width:45%;display:inline-block;padding:0 2.5%;}
#invite #steps li{font-size:20px;font-weight:100;line-height:110%;padding:.4em 0;}
#inv_form #emails{width:100%;}
#inv_form textarea{width:95%;padding:2.5%;height:200px;}
#inv_form #submit{text-align:right;}


/* Reset password*/
#reset-pass{text-align:center;padding:1em 0 3em 0;height:450px;background:white;margin-bottom:1em;font-weight:100;}
#reset-pass div{display:inline-block;text-align:left;}
#reset-pass #inst{width:40%;font-size:1.2em;line-height:160%;padding-right:5%;}
#reset-pass #upd-pwd{width:45%;padding-top:2em;}
#upd-pwd-form div{width:100%;}
#upd-pwd-form input{width:100%;}

.up-un .modal-content{background:#00aeef;color:white;}
.up-un .modal-header{border:none;}
.up-un h1{color:white;font-family:"myriad-pro-condensed",sans-serif;font-weight:bold;}
.up-un h1.large{font-size:4.5em;}
.up-un .btn{white-space:unset;}
.up-un .btn.large{font-size:30px;}
.up-un .stroke{color:#00aeef;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}

.bk-ws-n,.bk-vd-n{width:25px;height:25px;display:inline-block;border-radius:20px;color:white;margin-left:20px;}
.bk-ws-n{background:#00aeef;}
.bk-vd-n{background:#eea236;}

#footer-ctnr{bottom:0;width:100%;background:#fff;border-top:1px solid #ccc;}
#footer{padding:2em 0;}

/* countdown */
#countdown{padding-bottom:20px;}
#countdown .box{width:50px;height:50px;text-align:center;background:black;color:white;line-height:50px;font-size:20px;margin:5px;}
#countdown .box-c{width:50px;height:30px;text-align:center;background:none;color:black;font-size:30px;margin:0 5px 5px;font-weight:bold;}
.cd-wrapper{background:#f9a650;border-radius:8px 0 0 8px;margin-bottom:10px;}

.cp-status{display:none;font-size:12px;}

.sec-header{color:white; background:#999; padding:8px 0; font-weight:bolder; margin:.2rem 0 1rem; position:relative;}
.sec-separator{height:3px; background:#222ABD; margin:2rem 0;}

.aq-badge-lg{text-align:center; line-height:50px; margin:0 25px; color:white; width:50px; height:50px; border-radius:50%;}
.aq-badge{text-align:center; line-height:32px; margin:0 5px 0 0; color:white; width:32px; height:32px; border-radius:50%; font-size:12px;}
.aq-badge a{color:white;}