/* These styles are used in the backend editor AND in the Theme (frontend) */

/* CSS is provided by the theme itself, and modified by any custom css you add to the theme. */
/* But that CSS is not active when using the backend-editor, so here is a good place to put  */
/* any custom css which should be active in the frontend website and also applied to editor. */
/* The goal is to make the visual editor display as like the final frontend view as possible */
/* so do not forget to configure the TinyMCE styles dropdown with elements to match these. */



/* Append your site-specific styles here */
.introduction-text,
.introduction-text *{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600;
}

div.info-frame {
	border-left: 2px solid #dcdcdc;
	padding: 0 17px 0.8em;
	margin-bottom: 2em;
	margin-top: 1em;
}

.info-frame > p,
.info-frame li,
.body-content .entry-content div.info-frame > p,
.body-content .entry-content div.info-frame ul {
	font-size: 13px!important;
	color: #a0a0a0!important;
	padding: 0!important;
}

.info-frame > h1,
.body-content .entry-content div.info-frame > h1 {
	font-size: 1em!important;
	color: #a0a0a0!important;
	padding-top: 0!important;
	padding-bottom: 0!important;
}

div.attention-frame,
div.tip-frame {
	border-left-width: 2px;
	border-left-style: solid;
	padding: 0.2em 17px 0.8em!important;
	margin-bottom: 2em;
}

div.attention-frame > p,
div.tip-frame > p {
	padding-top: 7px!important;
	padding-bottom: 0!important;
}

div.attention-frame {
	border-color: #f16722;
	background: rgba(241,103,34,0.1);
}

div.tip-frame {
	border-color: #1b709f;
	background: rgba(24,112,159,0.1);
}

div.attention-frame > h1,
div.tip-frame > h1,
.body-content .entry-content div.attention-frame > h1,
.body-content .entry-content div.tip-frame > h1 {
	font-size: 1em!important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	padding-top: 0!important;
	padding-bottom: 0!important;
}

div.attention-frame > h1,
.body-content .entry-content div.attention-frame > h1  {
	color: #f16722!important;
}

div.tip-frame > h1,
.body-content .entry-content div.tip-frame > h1  {
	color: #1b709f!important;
}

span.version-tag-page,
span.version-tag-section {
	font-size: 12px;
	color: #f0a322;
	border: 1px solid #f0a322;
	padding: 1px 5px;
	font-weight: 400;
	margin-right: 10px;
}

span.version-tag-section {
	margin-left: 10px;
}