/**
 * Plugin front end styles
 *
 * @package Storefront_Pro_Blocks
 * @version 1.0.0
 */

.block-editor .editor-block-list__block[data-type*='sfp-blocks/'] {
	max-width: 1060px;
}

#wpwrap {
	.sfbk-grid, .sfbk-grid a, .sfbk-squares a {
		color: inherit;
		font: inherit;
	}

	.sfbk-category-filter-slider {
		max-height: 1.6em;
		opacity: 1;
	}

	ul.products {
		margin-left: 0;

		&.columns-1 li.product {
			width: 100%;
			margin-right: 0;
			float: none;
		}

		&.columns-2 li.product {
			width: 48%;
			margin-right: 3.8%;
		}

		&.columns-3 li.product {
			width: 29.4117647059%;
			margin-right: 5.8823529412%;
		}

		&.columns-4 li.product {
			width: 22.05%;
			margin-right: 3.8%;
		}

		&.columns-5 li.product {
			width: 16.9%;
			margin-right: 3.8%;
		}

		&.columns-6 li.product {
			width: 11.7647058824%;
			margin-right: 5.8823529412%;
		}
		&.columns-2 li.product:nth-of-type( 2n ),
		&.columns-3 li.product:nth-of-type( 3n ),
		&.columns-4 li.product:nth-of-type( 4n ),
		&.columns-5 li.product:nth-of-type( 5n ),
		&.columns-6 li.product:nth-of-type( 6n ) {
			margin-right: 0;
		}
	}
}
.sfblk-heroes {
	column-count: 3;
	column-gap: 1em;
	.sfblk-hero {
		font: 300 16px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
		width: 100%;
		display: inline-block;
		border: 1px solid #aaa;
		margin-bottom: 1em;
		padding: .7em;
		img {
			display: block;
		}
		h4 {
			font-size: 1.6em;
			text-align: center;
			margin: .5em 0;
		}
	}
}
.caxton-slider ul.flex-direction-nav {
	display: none;
}


@import 'scss/sf';