/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */

.inspector-flo-post-grid-layout {
	.components-base-control__field {
	}

	.components-radio-control__option {
		margin-top: 10px;

		input {
			display: none;

			&:checked {
				& + label {
					&:before {
						background: #e9f0f2;
						border: solid 1px #ec6042;
					}
				}
			}
		}
		label {
			display: block;
			text-align: center;
			line-height: 20px;

			&:before {
				background: #f8f8f8;
				border: 1px solid transparent;
				content: '';
				display: block;
				border-radius: 7px;
			}
			&:after {
				border: 1px solid transparent;
				background-position: 50% 50%;
				background-size: contain;
				border-radius: 7px;
				content: '';
				display: block;
				position: absolute;
				left: 7px;
				top: 7px;
				right: 7px;
				bottom: 27px;
				z-index: 0;
			}
		}
	}
}
.wp-block .flo-block-related-title {
	text-align: center;
	margin-bottom: 2em;
	font-family: var(--related-title-font-family);
	font-size: var(--related-title-font-size);
	line-height: var(--related-title-line-height);
	letter-spacing: var(--related-title-letter-spacing);
	font-style: var(--related-title-font-style);
	font-weight: var(--related-title-font-weight);
	color: var(--related-title-color);
}
.flo-block-post-grid {
	a {
		pointer-events: none;
		cursor: default;
	}
}
