@import "../../../css/_mixins.scss";
@import "../../../css/_trx_addons.vars.scss";

/* WP Editor styles
-----------------------------------------------------------------*/

/* Accent */
.trx_addons_accent {
	color: #efa758;
}
.trx_addons_accent_bg {
	color: #fff;
	background-color: #efa758;
	padding: 0 0.4em;
	display:inline-block;
}
.trx_addons_hover {
	color: #b88144;
}

/* Inverse */
.trx_addons_inverse {
	color: #fff;
	background-color: #000;
	padding: 0 0.4em;
	display:inline-block;
}

/* Dark text */
.trx_addons_dark {
	color: #000;
}

/* Tiny text */
.trx_addons_tiny_text {
	@include font(11px, 1.3em, 700);
	text-transform:uppercase;
	letter-spacing:1px;
}

/* Dropcap */
.trx_addons_dropcap {
	float: left;
	display:block;
	font-size:2.21437em;
	padding: 0;
	margin: 0.25em 0.5em 0 0;
	@include square(2em);
	overflow:hidden;
	color: #fff;
	background-color: #000;
}
.trx_addons_dropcap {
	@include border-round;
}


.trx_addons_dropcap_style_2 {
	background-color: #efa758;
}

/* Tooltip */
.trx_addons_tooltip {
	color: #efa758;
	border-bottom: 1px solid #efa758;
	position:relative;
	cursor: default;
}
.trx_addons_tooltip:before {
	content:attr(data-tooltip);
	pointer-events: none;
	display:inline-block;
	padding: 0.6em 1em;
	background-color: #efa758;
	color: #fff;
	opacity: 0;
	border:none;
	max-width: 15em;
	@include font(1em, 1.3em);
	@include abs-lb(50%, 150%);
	@include translateX(-50%);
	@include font(12px, 15px);
	@include border-radius(0 !important);
	@include transition-all(0.1s);
}
.trx_addons_tooltip:after {
	content: ' ';
	pointer-events: none;
	display:block;
	@include box(0, 0);
	@include abs-lb(50%, 150%, 2);
	border: 4px solid transparent;
	border-top-color: #efa758;
	opacity: 0;
	margin: 0 0 -7px -2px;
	@include transition-all(0.1s);
	@include transform-none;
}
.trx_addons_tooltip:hover:before,
.trx_addons_tooltip:hover:after {
	bottom:115%;
	opacity: 1;
}


/* Strike */
del {
	color: #ddd;
	text-decoration:line-through;
}

/* No margin */
.trx_addons_no_margin {
	margin:0;
}

/* List styles */
ul[class*="trx_addons_list"] {
	list-style-type:none;
	padding-left:1.2em;
}
ul[class*="trx_addons_list"] > li {
	position:relative;
}
ul[class*="trx_addons_list"] > li:before {
	font-family: $trx_addons_icons;
	display:inline-block;
	@include abs-lt(-1em, 0);
	line-height:inherit;
}
ul.trx_addons_list_success,
ul.trx_addons_list_error,
ul.trx_addons_list_plus,
ul.trx_addons_list_minus {
	padding-left: 1.5em;
}
ul.trx_addons_list_success > li:before,
ul.trx_addons_list_error > li:before,
ul.trx_addons_list_plus > li:before,
ul.trx_addons_list_minus > li:before {
	left: -1.3em;
}

ul[class*="trx_addons_list_dot"] > li:before {		content:'\e8b6'; }
ul[class*="trx_addons_list_custom"] > li:before {	content:'\e884'; }
ul[class*="trx_addons_list_success"] > li:before {	content:'\e874'; }
ul[class*="trx_addons_list_error"] > li:before {	content:'\e875'; }
ul[class*="trx_addons_list_info"] > li:before {		content:'\e87f'; }
ul[class*="trx_addons_list_plus"] > li:before {		content:'\e876'; }
ul[class*="trx_addons_list_minus"] > li:before {	content:'\e877'; }
ul[class*="trx_addons_list_help"] > li:before {		content:'\e87c'; }
ul[class*="trx_addons_list_attention"] > li:before {content:'\e880'; }

ul[class*="trx_addons_list"][class*="_circled"] {
	padding-left: 1.8em;
}
ul[class*="trx_addons_list"][class*="_circled"] > li:before {
	display:inline-block;
	color: #fff;
	background-color:#efa758;
	font-size:10px;
	left: -2.4em;
	top: 0.4em;
	@include square(1.7em);
	@include border-round;
}


ul.trx_addons_list_parameters {
	padding-left:0 !important;
}
ul.trx_addons_list_parameters > li:before {
	display:none;
}
ul.trx_addons_list_parameters > li + li {
	padding-top: 0.2em;
	margin-top: 0.2em;
	border-top: 1px solid #ddd;
}
.trx_addons_list_parameters > li {
	white-space:nowrap;
}
.trx_addons_list_parameters > li > strong {
	display:inline-block;
	width:75%;
	text-align:left;
	font-family:inherit;
	font-weight:inherit;
	white-space: normal;
	vertical-align:top;
	color:inherit;
}
.trx_addons_list_parameters > li > em {
	display:inline-block;
	width:25%;
	text-align:left;
	font-family:inherit;
	font-style:normal;
	font-weight:inherit;
	white-space: normal;
	vertical-align:top;
	color:inherit;
}