/*
Copyright 15-Sep-2020 - Little Fire Digital Ltd
-----------------------------------------------------------------------
Reuse and modification by permission only
*/
/* 
	Created on : 15-Sep-2020, 11:26:47
	Author     : simon
	Compyright     : Little Fire Digital Ltd  15-Sep-2020
*/

/* @font-face declaration goes at the top of base.css  */

*[data-icon] {
	display: inline-block;
	line-height: 1.2em; 
}

*[data-icon] + *[data-icon] {
	margin-left:  .6em; 
}

*[data-icon]:before {
	font-family: "lfd-icons" !important;
	content: '';
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.2em;
	width: 1.2em;
	display: inline-block;
	margin-right: .2em;
	overflow: hidden;
	text-align: center;
}

*[data-icon][data-right]:before {
	float: right;
	margin-right: 0;
	margin-left: .2em;
}

.search_small_query:before,
.link_icon_edit:after,
.link_icon_add:after,
.copy_to_clipboard:after,
.icon:before,
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "lfd-icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	font-size: 1.2em;
	width: 1.2em;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	top: .15em;
}

.icon-dot {
	border-radius: 50%;
	font-size: .8em;
	width: 1.2em;	
	height: 1.2em;
	text-align: center;
	display: inline-block;
	padding: .1em .2em .3em;
}

.icon-dot > .icon {
	line-height: 1;
}

.link_icon_edit:after,
.copy_to_clipboard:after {
	display: inline-block;
}

a.icon,
span.icon {
	display: inline-block;
	vertical-align: top;
	margin-top: -.1em;
}
a.icon + .icon,
span.icon + .icon {
	margin-left: .15em;
}

*[data-icon="mobile"]:before,
.mobile > .icon:before {
	content: "\61";
}

*[data-icon="phone"]:before,
.phone > .icon:before {
	content: "\62";
}

*[data-icon="copy"]:before,
.copy > .icon:before {
	content: "\7d";
}

*[data-icon="email"]:before,
.email > .icon:before {
	content: "\63";
}

*[data-icon="login"]:before,
.login > .icon:before {
	content: "\64";
}

*[data-icon="logout"]:before,
.logout > .icon:before {
	content: "\65";
}
.icon-search:before,
*[data-icon="search"]:before,
.search > .icon:before {
	content: "\66";
}

*[data-icon="right"]:before,
.right > .icon:before,
*[data-icon="arrow-right"]:before,
.arrow-right > .icon:before {
	content: "\67";
}

*[data-icon="left"]:before,
.left > .icon:before,
*[data-icon="arrow-left"]:before,
.arrow-left > .icon:before {
	content: "\68";
}

*[data-icon="up"]:before,
.up > .icon:before,
*[data-icon="arrow-up"]:before,
.arrow-up > .icon:before {
	content: "\69";
}

*[data-icon="down"]:before,
.down > .icon:before,
*[data-icon="arrow-down"]:before,
.arrow-down > .icon:before {
	content: "\6a";
}

*[data-icon="basket"]:before,
.basket > .icon:before {
	content: "\6b";
}

*[data-icon="share"]:before,
.share > .icon:before {
	content: "\6c";
}

*[data-icon="all"]:before,
.all > .icon:before {
	content: "\6d";
}

*[data-icon="delete"]:before,
.delete > .icon:before {
	content: "\6e";
}

*[data-icon="maximise"]:before,
.maximise > .icon:before {
	content: "\6f";
}

*[data-icon="minimise"]:before,
.minimise > .icon:before {
	content: "\70";
}

*[data-icon="select"]:before,
.select > .icon:before {
	content: "\71";
}

*[data-icon="move"]:before,
.move > .icon:before {
	content: "\72";
}

*[data-icon="accept"]:before,
.accept > .icon:before {
	content: "\73";
}

*[data-icon="profile"]:before,
.profile > .icon:before {
	content: "\74";
}

*[data-icon="play"]:before,
.play > .icon:before {
	content: "\75";
}

*[data-icon="cancel"]:before,
.cancel > .icon:before {
	content: "\76";
}

*[data-icon="save"]:before,
.save > .icon:before {
	content: "\77";
}

*[data-icon="settings"]:before,
.settings > .icon:before {
	content: "\78";
}

*[data-icon="edit"]:before,
.edit > .icon:before {
	content: "\79";
}

*[data-icon="add"]:before,
.add > .icon:before {
	content: "\7a";
}

*[data-icon="instagram"]:before,
.instagram > .icon:before {
	content: "\41";
}

*[data-icon="vimeo"]:before,
.vimeo > .icon:before {
	content: "\42";
}

*[data-icon="twitter"]:before,
.twitter > .icon:before {
	content: "\43";
}

*[data-icon="facebook"]:before,
.facebook > .icon:before {
	content: "\44";
}

*[data-icon="youtube"]:before,
.youtube > .icon:before {
	content: "\45";
}

*[data-icon="googe-plus"]:before,
.googe-plus > .icon:before {
	content: "\46";
}

*[data-icon="pinterest"]:before,
.pinterest > .icon:before {
	content: "\47";
}

*[data-icon="tumblr"]:before,
.tumblr > .icon:before {
	content: "\48";
}

*[data-icon="snapchat"]:before,
.snapchat > .icon:before {
	content: "\49";
}

*[data-icon="tags"]:before,
.tags > .icon:before {
	content: "\4a";
}

*[data-icon="rss"]:before,
.rss > .icon:before {
	content: "\4b";
}

*[data-icon="hamburger"]:before,
.hamburger > .icon:before {
	content: "\4c";
}

*[data-icon="collection-view-list"]:before,
.collection-view-list > .icon:before {
	content: "\4d";
}

*[data-icon="pin"]:before,
.pin > .icon:before {
	content: "\4e";
}

*[data-icon="cart"]:before,
.cart > .icon:before {
	content: "\4f";
}

*[data-icon="collection-view-grid-small"]:before,
.collection-view-grid-small > .icon:before {
	content: "\50";
}

*[data-icon="collection-view-grid"]:before,
.collection-view-grid > .icon:before {
	content: "\51";
}

*[data-icon="favourite"]:before,
.favourite > .icon:before {
	content: "\52";
}

*[data-icon="fancy"]:before,
.fancy > .icon:before {
	content: "\53";
}

*[data-icon="is-favourite"]:before,
.is-favourite > .icon:before {
	content: "\56";
}

*[data-icon="preview"]:before,
.preview > .icon:before,
*[data-icon="view-visible"]:before,
.view-visible > .icon:before {
	content: "\57";
}

*[data-icon="cancel-fat"]:before,
.cancel-fat > .icon:before {
	content: "\58";
}

*[data-icon="info"]:before,
.info > .icon:before {
	content: "\59";
}

*[data-icon="increment-down"]:before,
.increment-down > .icon:before {
	content: "\5a";
}

*[data-icon="pi"]:before,
.pi > .icon:before {
	content: "\30";
}

*[data-icon="trophy"]:before,
.trophy > .icon:before {
	content: "\31";
}

*[data-icon="cap"]:before,
.cap > .icon:before {
	content: "\32";
}

*[data-icon="clock"]:before,
.clock > .icon:before {
	content: "\\";
}

*[data-icon="music"]:before,
.music > .icon:before {
	content: "\33";
}

*[data-icon="view-hidden"]:before,
.view-hidden > .icon:before {
	content: "\34";
}
*[data-icon="star"]:before,
.star > .icon:before {
	content: "\35";
}

*[data-icon="table"]:before,
.table > .icon:before {
	content: "\36";
}

*[data-icon="football"]:before,
.football > .icon:before {
	content: "\37";
}

*[data-icon="dave"]:before,
.dave > .icon:before {
	content: "\38";
}

*[data-icon="alert"]:before,
.alert > .icon:before {
	content: "\39";
}

*[data-icon="edit-dark"]:before,
.edit-dark > .icon:before {
	content: "\21";
}

*[data-icon="pint"]:before,
.pint > .icon:before {
	content: "\22";
}

*[data-icon="chat"]:before,
.chat > .icon:before {
	content: "\23";
}
*[data-icon="increment-up"]:before,
.increment-up > .icon:before {
	content: "\24";
}

*[data-icon="accept-fat"]:before,
.accept-fat > .icon:before {
	content: "\25";
}

*[data-icon="select-fat"]:before,
.select-fat > .icon:before {
	content: "\26";
}


.icon_loading > .icon {
	background: url( /assets/core.loading_black.gif ) center center no-repeat;
	background-size: cover;
}

.reversed .icon_loading > .icon {
	background: url( /assets/core.loading_white.gif ) center center no-repeat;
	background-size: cover;
}

.link_icon_add,
.link_icon_add:visited,
.link_icon_edit,
.link_icon_edit:visited {
	text-decoration: none;
	color: currentColor;
}

.link_icon_edit:after {
	content: "\79";
}

.link_icon_add:after {
	content: "\24";
}


.copy_to_clipboard:after {
	content: " \7d";
}

.copy_to_clipboard.block {    
	position: relative;
	border-color: currentColor;
	border-style: dotted;
	border-width: 1px;
	border-radius: .3em;
	padding-right: 2em;
}

.copy_to_clipboard.block:after {
	position: absolute;
	top: .5em;
	right: .5em;
}
.copy_to_clipboard.block:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	background-color: currentColor;
	opacity: .1;
	transition: .5s opacity ease;
}

.copy_to_clipboard.block:hover:before {
	opacity: .2;
}