/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

a.rdm-button {
	--rdm-button-display: block;
	--rdm-button-max-width: auto;
	--rdm-button-min-width: auto;
	--rdm-button-max-height: auto;
	--rdm-button-min-height: auto;
	--rdm-button-margin: 10px;
	--rdm-button-padding: 10px;
	--rdm-button-background-color: #000;
	--rdm-button-color: #fff;
	--rdm-button-text-align: center;
	--rdm-button-font-familiy: inherit;
	--rdm-button-font-size: 14px;
	--rdm-button-font-weight: 700;
	--rdm-button-letter-spacing: normal;
	--rdm-button-line-height: normal;
	--rdm-button-text-decoration: none;
	--rdm-button-border-radius: 0px;

	--rdm-button-hover-background-color: var(--rdm-button-background-color);
	--rdm-button-hover-color: var(--rdm-button-color);
	--rdm-button-hover-text-decoration: var(--rdm-button-text-decoration);

	display: var(--rdm-button-display);
	max-width: var(--rdm-button-max-width);
	min-width: var(--rdm-button-min-width);
	max-height: var(--rdm-button-max-height);
	min-height: var(--rdm-button-min-height);
	margin: var(--rdm-button-margin);
	padding: var(--rdm-button-padding);
	background-color: var(--rdm-button-background-color);
	color: var(--rdm-button-color);
	text-align: var(--rdm-button-text-align);
	font-family: var(--rdm-button-font-family);
	font-size: var(--rdm-button-font-size);
	font-weight: var(--rdm-button-font-weight);
	letter-spacing: var(--rdm-button-font-letter-spacing);
	line-height: var(--rdm-button-line-height);
	text-decoration: var(--rdm-button-text-decoration);
	border-radius: var(--rdm-button-border-radius);
}

a.rdm-button:hover {
	background-color: var(--rdm-button-hover-background-color);
	color: var(--rdm-button-hover-color);
	text-decoration: var(--rdm-button-hover-text-decoration);
}

.rdm-copy-link {
	--rdm-copy-link-margin: 0;
	--rdm-copy-link-padding: 10px;
	--rdm-copy-link-border-width: 1px;
	--rdm-copy-link-border-style: solid;
	--rdm-copy-link-border-color: #000;
	--rdm-copy-link-border: var(--rdm-copy-link-border-width) var(--rdm-copy-link-border-style) var(--rdm-copy-link-border-color);
	--rdm-copy-link-border-radius: 0;
	--rdm-copy-link-outline: none;
	--rdm-copy-link-font-familiy: inherit;
	--rdm-copy-link-font-size: 14px;
	--rdm-copy-link-font-weight: 500;
	--rdm-copy-link-letter-spacing: normal;
	--rdm-copy-link-line-height: normal;
}

.rdm-copy-link .rdm-copy-link__input {
	margin: var(--rdm-copy-link-margin);
	padding: var(--rdm-copy-link-padding);
	border: var(--rdm-copy-link-border);
	border-radius: var(--rdm-copy-link-border-radius);
	outline: var(--rdm-copy-link-outline);
	font-family: var(--rdm-copy-link-font-family);
	font-size: var(--rdm-copy-link-font-size);
	font-weight: var(--rdm-copy-link-font-weight);
	letter-spacing: var(--rdm-copy-link-letter-spacing);
	line-height: var(--rdm-copy-link-line-height);
}

.rdm-copy-link .rdm-icon {
	cursor: pointer;
}

.rdm-icon {
	--rdm-icon-fill: #000;

	display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.1em;
    line-height: 1;
}

.rdm-icon > svg {
	display: inline-block;
    width: 1em;
    height: 1em;
    fill: var(--rdm-icon-fill);
    vertical-align: -0.1em;
}