// .editor-block-list__layout .editor-block-list__block[data-type="rad-bootstrap-blocks/bootstrap-column"] .editor-block-list__block-edit::before {
// 	content: none;
// }

/**
 * Layout styling for the editor
 */

@mixin makeClickable() {
	> .editor-block-list-insertion-point {
		top: -15px;
	}

	> .editor-block-list__block-edit {
		padding-top: 10px;
		padding-bottom: 10px;

		&:before {
			top: -10px;
			bottom: -10px;
		}

		@media (min-width: 600px) {
			> .editor-block-contextual-toolbar {
				transform: translateY(-58px);
			}
		}
	}
}

div.wp-block[data-type="rad-bootstrap-blocks/bootstrap-columns"] {
	@include makeClickable();

	> .editor-block-list__block-edit {
		margin-top: 0;
		margin-bottom: 0;
	}

	.wp-block-rad-bootstrap-blocks-bootstrap-columns {
		.rb-editor-row {
			.rb-editor-column {
				> .editor-block-list__block {
					padding-right: 0;
					padding-left: 0;
				}

				div.wp-block[data-type="rad-bootstrap-blocks/bootstrap-column"] {
					// allows for clicking into the column
					@include makeClickable();

					// remove the crazy padding on blocks in columns so that
					// they align vertically correctly
					.wp-block {
						padding-right: 0;
						padding-left: 0;

						&:first-of-type .editor-block-list__block-edit {
							margin-top: 10px;
						}
					}
				}
			}

			.editor-block-list__layout {
				margin-right: 0;
				margin-left: 0;
			}

			.editor-block-list__block-edit {
				margin-right: 0;
				margin-left: 0;
			}
		}
	}
}

/**
 * Fix for our sidebar text input
 */
.edit-post-sidebar .editor-url-input input[type="text"] {
	max-width: 100%;
}

/**
 * Fix for the range control slider
 */
.components-range-control input.components-range-control__slider {
	margin: 1px;
}

/**
 * Fix for our dropdown menus in the column toolbar
 */
.rad-popover .components-popover__content {
	padding: 10px 5px;

	select {
		width: 90%;
		margin: 0 auto;
	}
}

