/**
 * Block Name: acf/icon
 * Description: A versatile icon block with multiple display modes.
 *
 */

.block__acf-icon__icon {
	position: relative;
	z-index: 1;
	display: block;
	line-height: 1;
	width: 1.5em;
	height: 1.5em;
}

.has-text-align-left .block__acf-icon__icon {
	margin-right: auto;
}

.has-text-align-center .block__acf-icon__icon {
	margin-left: auto;
	margin-right: auto;
}

.has-text-align-right .block__acf-icon__icon {
	margin-left: auto;
}

.block__acf-icon .svg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.block__acf-icon .svg svg {
	width: 100%;
	height: 100%;
}

.block__acf-icon .hexagon  {
	z-index: -1;
}

.block__acf-icon--hexagon .svg:not(.hexagon) {
	transform: scale(0.35);
}

.block__acf-icon, .wp-block-acf-icon .block__acf-icon { font-size: 2rem; } /* Increasing font size from 1.25 to 2rem BH#36 */
.block__acf-icon.block__acf-icon--hexagon.has-background, .wp-block-acf-icon.has-background .block__acf-icon {  font-size: 2rem; }
.block__acf-icon.has-small-font-size, .wp-block-acf-icon.has-small-font-size .block__acf-icon { font-size: 0.875rem !important; }
.block__acf-icon.has-medium-font-size, .wp-block-acf-icon.has-medium-font-size .block__acf-icon { font-size: 1.75rem !important; }
.block__acf-icon.has-large-font-size, .wp-block-acf-icon.has-large-font-size .block__acf-icon { font-size: 2.25rem !important; }
.block__acf-icon.has-x-large-font-size, .wp-block-acf-icon.has-x-large-font-size .block__acf-icon { font-size: 4rem !important; }

.block__acf-icon.block__acf-icon--hexagon.has-background, .wp-block-acf-icon.has-background { background-color: transparent !important; }
.block__acf-icon.block__acf-icon--hexagon.has-seclore-red-background-color .hexagon, .wp-block-acf-icon.has-seclore-red-background-color .hexagon { color: rgb(230,39,79); }
.block__acf-icon.block__acf-icon--hexagon.has-deep-space-background-color .hexagon, .wp-block-acf-icon.has-deep-space-background-color .hexagon { color: rgb(35,19,37); }
.block__acf-icon.block__acf-icon--hexagon.has-white-background-color .hexagon, .wp-block-acf-icon.has-white-background-color .hexagon { color: rgb(255,255,255); }
.block__acf-icon.block__acf-icon--hexagon.has-dark-red-background-color .hexagon, .wp-block-acf-icon.has-dark-red-background-color .hexagon { color: #851F3A; }
.block__acf-icon.block__acf-icon--hexagon.has-brick-red-background-color .hexagon, .wp-block-acf-icon.has-brick-red-background-color .hexagon { color: #CD3938; }
.block__acf-icon.block__acf-icon--hexagon.has-dark-orange-background-color .hexagon, .wp-block-acf-icon.has-dark-orange-background-color .hexagon { color: #EE5B25; }
.block__acf-icon.block__acf-icon--hexagon.has-light-orange-background-color .hexagon, .wp-block-acf-icon.has-light-orange-background-color .hexagon { color: #F58C00; }
.block__acf-icon.block__acf-icon--hexagon.has-dark-yellow-background-color .hexagon, .wp-block-acf-icon.has-dark-yellow-background-color .hexagon { color: #FFD686; }
.block__acf-icon.block__acf-icon--hexagon.has-light-yellow-background-color .hexagon, .wp-block-acf-icon.has-light-yellow-background-color .hexagon { color: #FFEBC5; }
.block__acf-icon.block__acf-icon--hexagon.has-gray-05-background-color .hexagon, .wp-block-acf-icon.has-gray-05-background-color .hexagon { color: #696C6F; }
.block__acf-icon.block__acf-icon--hexagon.has-gray-04-background-color .hexagon, .wp-block-acf-icon.has-gray-04-background-color .hexagon { color: #909296; }
.block__acf-icon.block__acf-icon--hexagon.has-gray-03-background-color .hexagon, .wp-block-acf-icon.has-gray-03-background-color .hexagon { color: #C1C4C9; }
.block__acf-icon.block__acf-icon--hexagon.has-gray-02-background-color .hexagon, .wp-block-acf-icon.has-gray-02-background-color .hexagon { color: #DEE0E3; }
.block__acf-icon.block__acf-icon--hexagon.has-gray-01-background-color .hexagon, .wp-block-acf-icon.has-gray-01-background-color .hexagon { color: #F2F3F4; }

.block__acf-icon.block__acf-icon--hexagon.has-background.has-small-font-size, .wp-block-acf-icon.has-background.has-small-font-size .block__acf-icon { font-size: 1.5rem !important; }
.block__acf-icon.block__acf-icon--hexagon.has-background.has-medium-font-size, .wp-block-acf-icon.has-background.has-medium-font-size .block__acf-icon { font-size: 3rem !important; }
.block__acf-icon.block__acf-icon--hexagon.has-background.has-large-font-size, .wp-block-acf-icon.has-background.has-large-font-size .block__acf-icon { font-size: 4rem !important; }
.block__acf-icon.block__acf-icon--hexagon.has-background.has-x-large-font-size, .wp-block-acf-icon.has-background.has-x-large-font-size .block__acf-icon { font-size: 6rem !important; }