/////////////////////
// typography controls
/////////////////////
.customize-control-typography {
	.wrapper {
		-webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1);
		box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1);
		padding: 10px;
		border-radius: 3px;
	}
	input[type="number"] {
		border-radius: 3px;
		position: relative;
		top: -13px;
		height: 36px;
		border: 1px solid rgba(0,0,0,.1);
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.font-style,
	.font-family,
	.font-size,
	.font-weight,
	.line-height,
	.letter-spacing {
		width: 48%;
		display: inline-block;
		h5 {
			margin-bottom: .5em;
		}
		.dashicons {
			width: 20px;
			display: inline-block;
			line-height: 36px;
			color: rgba(0,0,0,.2);
		}
		&:nth-child(odd) {
			margin-right: 2%;
		}
	}
	.font-style {
		width: 100%;
		.bold,
		.italic,
		.underline,
		.strikethrough {
			display: inline-block;
		}
		input[type="checkbox"] {
			display: none;
			&:checked + .dashicons {
				background: #3498DB;
				color: #fff;
			}
		}
		.dashicons {
			border-radius: 50%;
			padding: 10px;
			width: 20px;
			height: 20px;
			line-height: 20px;
			color: #777;
		}
	}
	.font-family {
		width: 100%;
	}
	.font-size {
		input {
			width: 49%;
			margin-right: 1%;
		}
		.selectize-control {
			width: 47%;
			display: inline-block;
		}
	}
	.font-weight {
		.selectize-control {
			width: 100%;
		}
	}
	.line-height {
		position: relative;
		top: -13px;
		input {
			width: 100%;
			top: 0;
		}
	}
	.letter-spacing {
		input {
			width: 49%;
			margin-right: 1%;
		}
		.selectize-control {
			width: 47%;
			display: inline-block;
		}
	}
}