/** shortcodes.css */

/** = Buttons */

a.sc_button {
	display: inline-block;
	padding: 5px 10px;
	font-weight: normal;
	color: #fff;
	border: 0;

	background: #222;
}

a.sc_button:hover {
	color: #fff;
	border: 0;
}

a.sc_button.red {
	background: #d22;
}

a.sc_button.green {
	background: #79ad08;
}

a.sc_button.blue {
	background: #0e7fbc;
}

a.sc_button.light {
	background: #ddd;
	color: #444;
}

a.sc_button.dark {
	background: #222;
}

a.sc_button.yellow {
	background: #F5B914;
	color: #444;
}

/** = Wide Buttons */

a.sc_wide_button {
	display: block;
	padding: 10px 20px;
	font-weight: normal;
	color: #fff;
	border: 0;
	text-align: center;

	background: #222;
}

a.sc_wide_button:hover {
	color: #fff;
}

a.sc_wide_button.red {
	background: #d22;
}

a.sc_wide_button.green {
	background: #79ad08;
}

a.sc_wide_button.blue {
	background: #0e7fbc;
}

a.sc_wide_button.light {
	background: #ddd;
	color: #444;
}

a.sc_wide_button.dark {
	background: #222;
}

a.sc_wide_button.yellow {
	background: #F5B914;
	color: #444;
}

/** = Info */

p.sc_info {
	padding: 20px;
	border: 1px solid rgba(0, 0, 0, .1);
	color: #444;

	background-color: #eee;
}

p.sc_info.red {
	background: #fdd;
}

p.sc_info.green {
	background: #DCE8C3;
}

p.sc_info.blue {
	background: #CEE3F0;
}

p.sc_info.light {
	background: #eee;
}

p.sc_info.dark {
	background: #222;
	color: #ddd;
}

p.sc_info.yellow {
	background: #F0EDCE;
}

/** = Focus */

span.sc_focus {
	display: inline;
	padding: 0 5px;
	color: #fff;
	border: 0;

	background: #222;
}

span.sc_focus.red {
	background: #d22;
}

span.sc_focus.green {
	background: #79ad08;
}

span.sc_focus.blue {
	background: #0e7fbc;
}

span.sc_focus.light {
	background: #ddd;
	color: #444;
}

span.sc_focus.dark {
	background: #222;
}

span.sc_focus.yellow {
	background: #F5B914;
	color: #444;
}

/** = Resources */

.sc_resources h5 {
	background-color: #eee;
	color: #444;
	font-size: 12px;
	line-height: 1em;
	letter-spacing: 2px;
	font-weight: normal;
	text-transform: uppercase;
	border: 0;
	margin: 0;
	padding: 10px 20px;
	border-bottom: 1px solid #ddd;
	display: block;
	float: left;
}

.sc_resources div {
	display: block;
	clear: both;
	background-color: #eee;
	margin: 0;
}

.sc_resources a {
	display: block;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 1em;
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	font-weight: normal;
}

.sc_resources a:last-child {
	border: 0;
}

.sc_resources a:hover {
	background-color: #e8e8e8;
	border-bottom-color: #ddd;
}

/** = Columns */


div.sc_group {
	display: block;
	margin: 0 -10px;
	margin-bottom: 20px;
}

div.sc_one_three {
	display: block;
	float: left;
	width: 33.333%;
	padding: 0 10px;
	margin: 0;
}

div.sc_two_three {
	display: block;
	float: left;
	width: 66.666%;
	padding: 0 10px;
	margin: 0;
}

div.sc_one_two {
	display: block;
	float: left;
	width: 50%;
	padding: 0 10px;
	margin: 0;
}

/** Expanding box */

div.sc_expand {
	display: block;
	border: 0;
	margin-bottom: 20px;
}

h3.sc_expand_header {
	display: block;
	background-color: #ddd;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #444;
	padding: 20px;
	margin: 0;
	cursor: hand;
	cursor: pointer;
}

h3.sc_expand_header:hover {
	background-color: #d8d8d8;
}

h3.sc_expand_header::after {
	content: "+";
	float: right;
}

div.sc_expand_content {
	display: none;
	padding: 20px;
	margin: 0;
	border: 1px solid #ddd;
	border-top: 0;
	background: #fff;
	height: auto;
}