:root {
	--button-color1: #00bd53;
	--button-color2: #12d164;
	--button-text: #fff;
}

/* BOXES */

.sc-box {
	margin: 0 0 1.5em;
	padding: 1em 1.25em;
	background-color: #eee;
	position: relative;
	border-left: 5px solid #bbb;
}
.sc-box h3:before{color:#727272;}

.sc-box.borderless {
	border: 0;
}

.sc-box.custom-icon {
	padding-left: 3em;
}

.sc-box.custom-icon .box-icon {
	position: absolute;
	left: .5em;
	width: 2em;
	line-height: inherit;
	text-align: center;
}

.sc-box.small {
	font-size: 0.8em;
}

.sc-box.large {
	font-size: 1.2em;
}

.sc-box.alert,
.sc-box.red {
	background-color: #fee8e6;
	border-color: #f44336;
}
.sc-box.alert h3:before{color:#f44336;}

.sc-box.download,
.sc-box.green {
	background-color: #e6fef1;
	border-color: #00bd53;
}
.sc-box.download h3:before{color:#00bd53;}

.sc-box.info,
.sc-box.blue {
	background-color: #ebf2ff;
	border-color: #337EFF;
}
.sc-box.info h3:before{color:#337EFF;}

.sc-box.note,
.sc-box.yellow {
	background-color: #fff9c4;
	border-color: #FFC107;
}
.sc-box.note h3:before{color:#FFAB00;}

/* BUTTONS */

body a.button,
body button,
body button.button,
body input[type="button"],
body input[type="submit"],
body a.wpc-button,
body .woocommerce a.button {
	background-color: var(--button-color1);
	border: none;
	border-bottom: 0.15em solid rgba(0, 0, 0, .2);
	border-radius: .25em;
	color: var(--button-text);
	display: inline-block;
	line-height: 1.6;
	margin-bottom: 0.1em;
	margin-top: 0.1em;
	padding: 0.5em 1em;
	position: relative;
	top: 0;
	transition: all .2s ease;
	vertical-align: middle;
	white-space: normal;
}

body a.button.dark,
body a.button.lightgreen,
body a.button.lime,
body a.button.yellow,
body a.button.amber,
body a.button.white,
body a.button.lightgray,
body a.button.lightgrey,
body a.button.silver {
	--button-text: #222;
	color: var(--button-text);
}

body a.button.outline {
	background: transparent;
	border: 0.15em solid var(--button-color1);
	color: var(--button-color1);
}

body a.button:hover,
body a.button:focus,
body button:hover,
body button:focus,
body button.button:hover,
body button.button:focus,
body input[type="button"]:hover,
body input[type="button"]:focus,
body input[type="submit"]:hover,
body input[type="submit"]:focus,
body a.wpc-button:hover,
body a.wpc-button:focus,
body .woocommerce a.button:hover,
body .woocommerce a.button:focus {
	background-color: var(--button-color2);
	color: var(--button-text);
}

body a.button.dark:hover, body a.button.dark:focus, 
body a.button.lightgreen:hover, body a.button.lightgreen:focus,
body a.button.lime:hover, body a.button.lime:focus,
body a.button.yellow:hover, body a.button.yellow:focus,
body a.button.amber:hover, body a.button.amber:focus,
body a.button.white:hover, body a.button.white:focus,
body a.button.lightgray:hover, body a.button.lightgray:focus,
body a.button.lightgrey:hover, body a.button.lightgrey:focus,
body a.button.silver:hover, body a.button.silver:focus {
	color: var(--button-text);
}

body a.button.outline:hover,
body a.button.outline:focus {
	border-color: var(--button-color2);
}

body a.button:active,
body button:active,
body button.button:active,
body input[type="button"]:active,
body input[type="submit"]:active,
body .woocommerce a.button:active {
	top: 0.15em;
}

body a.button.small,
.wp-block-button.small a {
	font-size: 0.8em;
}

body a.button.large,
.wp-block-button.large a {
	font-size: 1.2em;
}

body a.button.xl,
.wp-block-button.xl a {
	font-size: 1.4em;
}

body a.button.red {
	--button-color1: #f01b1e;
	--button-color2: #fa433f;
}

body a.button.pink {
	--button-color1: #e91e63;
	--button-color2: #ED457D;
}

body a.button.lightpink {
	--button-color1: #FF4081;
	--button-color2: #ff6498;
}

body a.button.purple {
	--button-color1: #8e24aa;
	--button-color2: #BB36D3;
}

body a.button.violet {
	--button-color1: #6e00ea;
	--button-color2: #8740ef;
}

body a.button.indigo {
	--button-color1: #3025A7;
	--button-color2: #4336D3;
}

body a.button.blue {
	--button-color1: #004ed4;
	--button-color2: #2962ff;
}

body a.button.lightblue,
body a.button.cyan {
	--button-color1: #009df8;
	--button-color2: #2db2ff;
}

body a.button.teal {
	--button-color1: #009688;
	--button-color2: #00B8A5;
}

body a.button.turquoise,
body a.button.aqua {
	--button-color1: #00B4CC;
	--button-color2: #00C6E0;
}

body a.button.green {
	--button-color1: #00bd53;
	--button-color2: #12d164;
}

body a.button.lightgreen,
body a.button.lime {
	--button-color1: #9cc610;
	--button-color2: #b3df20;
}

body a.button.yellow {
	--button-color1: #ffeb00;
	--button-color2: #FFF047;
}

body a.button.amber {
	--button-color1: #FFC000;
	--button-color2: #FFCC33;
}

body a.button.orange {
	--button-color1: #FF8200;
	--button-color2: #FF931F;
}

body a.button.deeporange,
body a.button.redorange {
	--button-color1: #ff5100;
	--button-color2: #ff6b33;
}

body a.button.brown {
	--button-color1: #864e3a;
	--button-color2: #9c6754;
}

body a.button.gray,
body a.button.grey {
	--button-color1: #616161;
	--button-color2: #757575;
}

body a.button.lightgray,
body a.button.lightgrey {
	--button-color1: #BDBDBD;
	--button-color2: #CCC;
}

body a.button.silver {
	--button-color1: #CFD8DC;
	--button-color2: #DCE2E5;
}

body a.button.white {
	--button-color1: #fff;
	--button-color2: #F5F5F5;
}

body a.button.black,
body a.wpc-button-completed {
	--button-color1: #212121;
	--button-color2: #383838;
}

body a.button.custom {
	position: relative;
}

body a.button.custom:hover {
	background: initial;
}

body a.button.custom::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	border-radius: .25em;
	transition: all .2s ease;
}

body a.button.custom:hover::after {
	opacity: .1;
}

/* CONTENT TOGGLE */

.shortcode-toggle {
	margin: 0 0 1em;
	border: 1px solid #D6E5FF;
	border-radius: 5px;
	background-color: #fff;
	transition: background-color .2s ease;
}

.shortcode-toggle.open {
	background-color: #F5F9FF;
}

.shortcode-toggle h4.toggle-trigger {
	font-size: 1.1em;
	margin: 0;
}

.shortcode-toggle h4.toggle-trigger a {
	display: flex;
    align-items: center;
    justify-content: space-between;
	padding: .5em 1em;
	transition: all .2s ease;
}

.shortcode-toggle h4.toggle-trigger a:after {
	line-height: 1;
    height: 21px;
    float: none;
    margin: 0;
    font-size: inherit;
    opacity: .5;
}

.shortcode-toggle.closed h4.toggle-trigger a:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='21' width='21' viewBox='0 0 448 512'%3E%3Cpath d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z' fill='%23004ed4'/%3E%3C/svg%3E");
}

.shortcode-toggle.open h4.toggle-trigger a:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='21' width='21' viewBox='0 0 448 512'%3E%3Cpath d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z' fill='%23004ed4'/%3E%3C/svg%3E");
}

.shortcode-toggle .toggle-content {
	background-color: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 100%;
}

.shortcode-toggle .toggle-content .toggle-content-inner {
	padding: 1em;
}

.shortcode-toggle.closed .toggle-content,
.shortcode-toggle .more-text.closed {
	display: none;
}

.shortcode-toggle .more-text.open {
	display: block;
}

.shortcode-toggle .toggle-content .toggle-content-inner > *:last-child {
	margin-bottom: 0;
}

/* ICON LISTS */

.custom-ul li {
	list-style-type: none;
}

.custom-ul li:before {
	color: #00bd53;
	display: inline-block;
	font-family: 'goicons';
	margin-left: -2em;
	width: 2em;
	line-height: inherit;
    vertical-align: bottom;
	text-align: center;
}

@media (max-width: 768px) {
	.custom-ul li:before {
		margin-left: -1.5em;
		width: 1.5em;
	}
}

.custom-ul.arrow li:before {
	content: "\e910";
}

.custom-ul.red-x li:before {
	content: "\e917";
	color: #f01b1e;
}

.custom-ul.star li:before {
	content: "\e916";
	color: #ffc40f;
	line-height: 1;
    vertical-align: unset;
}

.custom-ul.tick li:before {
	content: "\e906";
}