
.yacbar{
	position:fixed;
	z-index: 99999;
}

.yacbar ul{
	margin-bottom:0;
}

.yacbar.right{
	right:0;
}

.yacbar.left{
	left:0;
}

.yacbar.right:not(.bottom), .yacbar.left:not(.bottom){
	top:275px;
}


.yacbar.bottom{
	bottom:0;
}

.yacbar.bottom li{
	display:inline-block;
	float:left;
}

.yacbar.right img{

}

#toolbar_form{
	border-radius:4px;
}

#toolbar_form h2{
	font-size:2rem;
}

#toolbar_form.light{
	background:#fff;
	color:#111;
}

#toolbar_form.light label{
	color:#111 !important;
}

#toolbar_form.dark{
	background:#111;
	color:#fff;
}

#toolbar_form.dark label{
	color:#fff !important;
}

#toolbar_form .opt-in{
	background:rgba(0, 0, 0, 0.15);
	padding:8px 12px;
}

#toolbar_form.light .opt-in{
	background:rgba(0, 0, 0, 0.15);
}
#toolbar_form.dark .opt-in{
	background:rgba(255, 255, 255, 0.15);
}

#toolbar_form.light div.realperson-challenge{
	color:#222;
}

#toolbar_form.dark div.realperson-challenge{
	color:#fff;
}

#toolbar_form .realperson-regen{
	background:rgba(0, 0, 0, 0.15);
	text-align: center !important;
}


/* toolbar animation */

.yacbar img{
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.yacbar.right:not(.bottom) img{
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
}

.yacbar.right:not(.bottom) img:hover{
	box-shadow: inset -2px 0 2px #111;

	-webkit-transform: rotateY(30deg);
	-moz-transform: rotateY(30deg);
	-ms-transform: rotateY(30deg);
	transform: rotateY(30deg);
}

.yacbar.right:not(.bottom) li:hover{
	box-shadow: inset -2px 0 2px #111;
}

.yacbar.left:not(.bottom) img{
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
}

.yacbar.left:not(.bottom) img:hover{
	-webkit-transform: rotateY(30deg);
	-moz-transform: rotateY(30deg);
	-ms-transform: rotateY(30deg);
	transform: rotateY(30deg);
}

.yacbar.bottom img{
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
}

.yacbar.bottom img:hover{
	-webkit-transform: rotateX(30deg);
	-moz-transform: rotateX(30deg);
	-ms-transform: rotateX(30deg);
	transform: rotateX(30deg);
}

/*
** TOGGLE LOGIC
*/

/* basic style */
.yacbar .toggle{
	background:rgba(0, 0, 0, 0.75);
	cursor:pointer;
	text-align: center;
}

.yacbar:not(.bottom) .toggle{
	padding:4px 0;
	width:48px;
}

.yacbar.bottom .toggle{
	padding: 16px 4px;
	height:48px;
}




/* right */
.yacbar.hidden li:not(.toggle){
	width:0;
}

.yacbar .toggle i{
	color:#fff;
	display:none;
}

.yacbar.right .toggle i.fa-angle-double-right{
	display:block;
}

.yacbar.right.hidden .toggle i.fa-angle-double-right{
	display:none;
}

.yacbar.right.hidden .toggle i.fa-angle-double-left{
	display:block;
}

/* left */
.yacbar.hidden li:not(.toggle){
	width:0;
}

.yacbar .toggle i{
	display:none;
}

.yacbar.left .toggle i.fa-angle-double-left{
	display:block;
}

.yacbar.left.hidden .toggle i.fa-angle-double-left{
	display:none;
}

.yacbar.left.hidden .toggle i.fa-angle-double-right{
	display:block;
}

/* bottom */
/*
.yacbar.hidden li:not(.toggle){
	width:0;
}

.yacbar .toggle i{
	display:none;
}

.yacbar.bottom .toggle i.fa-angle-double-down{
	display:block;
}

.yacbar.bottom.hidden .toggle i.fa-angle-double-down{
	display:none;
}

.yacbar.bottom.hidden .toggle i.fa-angle-double-up{
	display:block;
}
*/


a.close-reveal-modal{
	padding:4px;
	z-index: 9999;
}

#active_vip{
	background:rgba(0, 0, 0, 0.5);
	border:1px dashed #ccc;
	padding:8px;
/* 	min-height:75vh; */
}

#active_vip > div{
	background:#fff;
	padding:16px 20px;;
}

#active_vip h2{
	font-size:2rem;
}

#vip_content{
	background:#92278F;
	border-radius:6px;
	color:#fff;
	padding:24px 8px;
}

#vip_content a{
	color:#fff;
	text-decoration: underline;
}

#active_vip button{
	border-radius:6px;
	color:#fff;
	background-color:#666;
}

/* mobile version */



#yac_drawer li{
	padding: 4px 0;
	border-bottom:1px solid #222;
}
#yac_drawer li:last-child{
	border-bottom:none;
}

#yac_drawer a{
	color:#222;
	display:block;
}

.yac-drawer-btn{
	background:rgba(0, 0, 0, 0.85);
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	text-align: center;
	z-index: 999;
}

.yac-drawer-btn a{
	color:#fff;
	display:block;
	padding:14px 4px;
	width:100%;
}



/* experimental animation */
.yacbar:not(.bottom) li.hidden img{
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	transform: rotateY(90deg);
}

.yacbar.bottom li.hidden img{
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	transform: rotateX(90deg);
}
