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

/* WP Editor styles (for both: backend and frontend)
-----------------------------------------------------------------*/

/* 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;
	@include border-round;
}

.trx_addons_dropcap_style_2 {
	background-color: #efa758;
}


/* Tooltip */
:root {
	--trx-addons-tooltip-padding-top: 6px;
	--trx-addons-tooltip-padding-bottom: 6px;
	--trx-addons-tooltip-padding-left: 10px;
	--trx-addons-tooltip-padding-right: 10px;
}
.trx_addons_tooltip {
	color: #efa758;
	border-bottom: 1px solid #efa758;
	position:relative;
	cursor: default;
}
[data-tooltip-text]:after {
	display: inline-block;
	vertical-align: top;
	pointer-events: none;
	padding: var(--trx-addons-tooltip-padding-top) var(--trx-addons-tooltip-padding-right) var(--trx-addons-tooltip-padding-bottom) var(--trx-addons-tooltip-padding-left);
	@include font(12px, 16px);
	@include abs-ct( calc( -24px - var(--trx-addons-tooltip-padding-top) - var(--trx-addons-tooltip-padding-bottom) ) );
	white-space: nowrap;
	@include translate(-50%,20px);
	opacity: 0;
	@include transition-properties(transform,opacity);
	border-width: 0;
	background-color: #191e23;
	border-color: #191e23;
	color: #fff;
}
[data-tooltip-text]:after {
	content: attr(data-tooltip-text);
}
[data-tooltip-text]:before {
	content: ' ';
	@include abs-ct(-8px);
	@include box(0,0);
	display: block;
	border-style: solid;
	border-width: 5px;
	border-top-color: #191e23;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
	@include translate(-50%, 20px);
	opacity: 0;
	@include transition-properties(transform,opacity);
}
[data-tooltip-text]:hover:after,
[data-tooltip-text]:hover:before {
	@include translate(-50%, 0);
	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;
}