@import "rtl.scss";
@import "tooltips";

@media screen and (min-width: 1667px) {
	.wp-full-overlay.expanded {
		margin-left: 300px;
	}
}

#customize-theme-controls .customize-pane-child.open {
	overflow: visible;
}

.wp-full-overlay-sidebar {
	width: 300px;
}

.expanded .wp-full-overlay-footer {
	max-width: 299px;
}

.wpbf-w100 {
	width: 100%;
}

.wpbf-w50 {
	width: 50%;
}

.wpbf-w45 {
	width: 45%;
}

.wpbf-w40 {
	width: 40%;
}

.wpbf-w33 {
	width: 33.3333%;
}

.wpbf-w30 {
	width: 30%;
}

.wpbf-w25 {
	width: 25%;
}

.wpbf-w20 {
	width: 20%;
}

.wpbf-w15 {
	width: 15%;
}

.wpbf-w10 {
	width: 10%;
}

.wpbf-w5 {
	width: 5%;
}

.control-section-wpbf-default,
.control-section-wpbf-outer {
	min-height: 100%;
}

.customize-control-has-small-gap {
	margin-bottom: 9px;
}

.customize-control-is-gapless {
	margin-bottom: 0;
}

.wpbf-customize-control-hidden-field {
	margin-bottom: 0;
	height: 0;
}

.wpbf-customize-control,
.wpbf-customize-control * {
	box-sizing: border-box;
}

.wpbf-customize-control.wpbf-group-item {
	clear: none; // Override WordPress.
}

.wpbf-group-item {
	float: left;
	clear: none;
	padding-left: 3px;
	padding-right: 3px;

	&.wpbf-group-start {
		padding-left: 0;
		padding-right: 3px;
	}

	&.wpbf-group-break,
	&.wpbf-group-end {
		padding-left: 3px;
		padding-right: 0;
	}

	&.wpbf-group-end {
		&::after {
			content: "";
			display: block;
			width: 100%;
			height: 0;
			clear: both;
		}
	}
}

.wpbf-customize-control {
	position: relative;

	.wpbf-control-label,
	label.customize-control-title {
		display: block;
	}

	.wpbf-control-form {
		position: relative;

		textarea {
			display: block;
			width: 100%;
		}
	}
}

.wpbf-hidden {
	display: none;
}
