/*
 *
 * Main stylesheet for Switchery.
 * http://abpetkov.github.io/switchery/
 *
 */

/* Switchery defaults. */

.switchery {
	background-color: transparent!important;
	border:1px solid rgba(255,255,255,0.5)!important;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	position: relative;
	vertical-align: middle;
	width: 7px;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: content-box;
	background-clip: content-box;
	float:left;
}
.bg-white .switchery {
	border:1px solid rgba(0,0,0,0.5)!important;
}
body.bg-white .nav-header--sticky .switchery {
	border:1px solid rgba(255,255,255,0.5)!important;
}
.languages-container.focus .switchery{
	background:rgba(255,255,255,0.4)!important;
}
.bg-white .languages-container.focus .switchery{
	background:rgba(0,0,0,0.4)!important;
}
.bg-white .nav-header--sticky .languages-container.focus .switchery{
	background:rgba(255,255,255,0.4)!important;
}
.js-switch{
	width:0;
	height:0;
	position:absolute;
}
.switchery > small {
	background: #fff;
	border-radius: 100%;
	box-shadow: 0;
	height: 5px;
	position: absolute;
	top: 0;
	width: 5px;
	left:1px!important;
	top:2px;
}

.bg-white .switchery > small {
	background: #000;
}
body.bg-white .nav-header--sticky .switchery > small {
	background:#ffffff
}

/* Switchery sizes. */

.switchery-small {
	border-radius: 20px;
	height: 20px;
	width: 33px;
}

.switchery-small > small {
	height: 20px;
	width: 20px;
}

.switchery-large {
  border-radius: 40px;
  height: 40px;
  width: 66px;
}

.switchery-large > small {
  height: 40px;
  width: 40px;
}