/* files/themore/assets/scss/elements/icons.scss | last updated v2.0.0 (created) */

	
	.themoreIconWrapper .icon {
		display: inline-grid;
	}	
	
	.themoreIconWrapper:not(.floatingButton, .iconpos_block) .icon {
		transform: translateY(10%);
	}	
	
	.themoreIconWrapper.--text-before.iconpos_auto .icon {
		margin-left: .3em;
	}
	
	.themoreIconWrapper.--text-after.iconpos_auto .icon {
		margin-right: .3em;
	}
	
	.themoreIconWrapper.--text-before.iconpos_block .icon {
		margin-top: .3em;
	}
	
	.themoreIconWrapper.--text-after.iconpos_block .icon {
		margin-bottom: .3em;
	}
	
	.themoreIconWrapper .icon {
		height: 1em;
		width: 1em;
		mask-size: contain;
		mask-position: center;
		mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		-webkit-mask-position: center;
		-webkit-mask-repeat: no-repeat;
	}		
	
	.iconpos_block .icon {
		display: grid;
	}
	
	.icon {
		position: relative;
	}
	
	.iconBG {
		place-content: center;
		height: 1.7em;
		width: 1.7em;
	}	
	
	.floatingButton.themoreIconWrapper .icon {
		display:grid;
	}
	
	.textAlignCenter.iconpos_block .icon {
		margin: auto;
	}
		
	.iconInner {	
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0%;
		right: 0%;
		top: 0%;
		bottom: 0%;
		mask-repeat: no-repeat;
		mask-position: center;
	}
		
	.iconBG > .iconInner {	
		width: 78%;
		height: 78%;
		left: 11%;
		right: 11%;
		top: 11%;
		bottom: 10%;
	}