/*
Theme Name: Classic Layout
Description: Used to style the TinyMCE editor.
*/

/* Body */

body {
	color: dimgray;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5;
	margin: 16px 24px;
	max-width: 640px;
	vertical-align: baseline;
}

/* Links */
a {
	background-color: transparent;
	color: dimgray;
	text-decoration: none;
	border-bottom: 1px dotted gray;
}

a:hover {
	color: tomato;
	border-color: transparent;
}

a:active, a:focus, a:hover {
	outline: 0;
}

/* Text-level semantics */
abbr, acronym {
	border-bottom: thin dotted gray;
	cursor: help;
}

abbr[title]{
	border-bottom: none;
}

b, strong {
	font-weight: bold;
}

big {
	font-size: 125%;
}

blockquote {
	padding-left: 24px;
	border-left: thick solid tomato;
	font-size: 18px;
	font-style: italic;
	line-height: 1.75;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

cite, dfn, em, i, q {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	word-wrap: break-word;
}

h1 { 
	font-size: 40px;
}

h2 { 
	font-size: 32px;
}

h3 { 
	font-size: 28px;
}

h4 { 
	font-size: 24px;
}

h5 { 
	font-size: 20px;
}

h6 { 
	font-size: 16px;
}

mark, ins {
	background: #ffa;
	text-decoration: none;
}

p {
	margin-bottom: 24px;
}

small {
	font-size: 75%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -8px;
}

sub {
	bottom: -8px;
}

/* Embedded content */
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 14px;
}

code {
	display: inline-block;
	line-height: 1.7;
	padding: 0 8px;
	background: whitesmoke;
	border: thin solid lightgray;
	border-radius: 2px;
}

embed, iframe, object {
	max-width: 100%;
}

figure {
	margin: 24px 0;
}

hr {
	background-color: lightgray;
	border: 0;
	height: 1px;
	margin-bottom: 24px;
}

img {
	border: none;
	height: auto; 
	max-width: 100%; 
}

img.responsive {
	display: block;
	margin: 0 auto;
	width: 100% \9;
}

img.round {
	border-radius: 100%;
}

pre {
	margin-bottom: 24px;
	padding: 8px 12px;
	background: whitesmoke;
	border: thin solid lightgray;
	border-radius: 2px;
	max-width: 100%;
	overflow: auto;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

svg:not(:root) {
	overflow: hidden;
}

/* Tables */
table,
.mce-item-table {
	margin: 0 0 24px;	
	border-collapse: collapse;
	border-spacing: 0;	
	width: 100%;
}

td {
	padding: 4px 8px;
	border: thin solid lightgray;
}

thead, tfoot {
	background: whitesmoke;	
}

.mce-item-table,
.mce-item-table th,
.mce-item-table td {
	border: 1px solid lightgray;
}

/* Lists */
ol {
	list-style: none;
}

ul {
	list-style: inside square;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 0 24px 24px 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 0 0 24px 24px;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 24px;
}

/* Caption */
.wp-caption {
	margin-bottom: 24px;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	text-align: center;
}

/* Galleries */
.gallery {
	margin-bottom: 24px;
}

.gallery-item {
	display: inline-block;
	margin: 0;
	text-align: center;
	vertical-align: top;
	border: thin solid white;
	width: 100%;
}

.gallery-icon {
	display: block;
	overflow: hidden;
}

.gallery-item img {
	display: block;
	margin: 0 auto;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
	font-size: 14px;
	font-weight: bold;	
	padding: 8px 14px;
}

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* Audio / Video */
.mce-content-body .wpview-wrap {
	margin-bottom: 32px;
}

.mce-content-body .wp-audio-playlist {
	margin: 0;
}

/* RTL */
body.rtl {
	font-family: Arial, Tahoma, sans-serif;
}

.rtl blockquote {
	border-left: none;
	border-right: thick solid tomato;
	padding-left: 0;
	padding-right: 24px;
}