/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.ub-hide-label {
	.components-base-control__label,
	legend,
	label {
		display: none !important;
	}
}
.ub-hide {
	display: none;
}

.ub-hiding {
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.ub-toggle-transition {
	transition: all 0.5s ease-in-out;
}

.ub-icon-holder {
	position: relative;
	transform: translate(-25%, 25%);
}

.ub-custom-id-input {
	font-size: 0.9em;
}

@media (max-width: 699px) {
	.ub-mobile-hide {
		display: none;
	}
	.ub-mobile-display {
		display: block;
	}
}

@media (min-width: 700px) and (max-width: 899px) {
	.ub-tablet-hide {
		display: none;
	}
	.ub-tablet-display {
		display: block;
	}
}

%size-full {
	width: 100%;
	height: 100%;
}

%flex-center-all {
	display: flex;
	justify-content: center;
	align-items: center;
}

%default-transition {
	transition: all 0.2s ease-out;
}

%pointer {
	cursor: pointer;
}
.ub-border-radius-control {
	> .components-border-radius-control {
		> .components-base-control__label {
			display: none;
		}
	}
}
.ub-justification-control {
	display: flex;
	justify-content: space-between;
	grid-gap: 20px;
}
.ub-tab-panels {
	grid-column: 1 / -1;
	margin-top: 0px !important;
}

.block-editor-block-inspector {
	.ub-date-time-picker {
		.components-base-control {
			margin-bottom: 8px !important;
		}
	}
}