/**
 * Editor styles.
 *
 * Mirrors the front end's typography so what you write looks like what gets
 * published. It deliberately does NOT @import style.css: that pulled the whole
 * layout -- floats, #main, .wrapper, the fixed-width container -- into the
 * editor, where none of it applies and some of it breaks the block canvas.
 *
 * @package Travelify
 */

.editor-styles-wrapper,
body {
	font: 14px Helvetica, sans-serif;
	line-height: 21px;
	color: #1d1d1d;
	background: #fff;
}

.editor-styles-wrapper a,
body a {
	color: #57ad68;
	text-decoration: none;
}

.editor-styles-wrapper a:hover,
.editor-styles-wrapper a:focus,
body a:hover,
body a:focus {
	color: #439f55;
	text-decoration: underline;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
body h1, body h2, body h3, body h4, body h5, body h6 {
	font-family: 'Ubuntu', sans-serif;
	font-weight: normal;
	color: #555;
	clear: both;
}

.editor-styles-wrapper h1, body h1 { font-size: 30px; line-height: 36px; }
.editor-styles-wrapper h2, body h2 { font-size: 28px; line-height: 1.4; }
.editor-styles-wrapper h3, body h3 { font-size: 26px; line-height: 32px; }
.editor-styles-wrapper h4, body h4 { font-size: 24px; line-height: 30px; }
.editor-styles-wrapper h5, body h5 { font-size: 22px; line-height: 28px; }
.editor-styles-wrapper h6, body h6 { font-size: 19px; line-height: 25px; text-transform: uppercase; }

.editor-styles-wrapper p,
body p {
	margin-bottom: 20px;
}

.editor-styles-wrapper blockquote,
body blockquote {
	font-style: italic;
	padding: 20px;
	margin-bottom: 20px;
	border-left: 4px solid #439f55;
	background-color: #f9f9f9;
}

.editor-styles-wrapper ul,
.editor-styles-wrapper ol,
body ul,
body ol {
	margin: 0 0 20px 40px;
}

.editor-styles-wrapper ul,
body ul {
	list-style: disc;
}

.editor-styles-wrapper ol,
body ol {
	list-style: decimal;
}

.editor-styles-wrapper code,
.editor-styles-wrapper pre,
body code,
body pre {
	font-family: Consolas, Monaco, 'Courier New', monospace;
	font-size: 13px;
	background: #f9f9f9;
}

.editor-styles-wrapper pre,
body pre {
	padding: 15px;
	overflow: auto;
}

.editor-styles-wrapper table,
body table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}

.editor-styles-wrapper th,
.editor-styles-wrapper td,
body th,
body td {
	border: 1px solid #eaeaea;
	padding: 8px 10px;
	text-align: left;
}

.editor-styles-wrapper img,
body img {
	max-width: 100%;
	height: auto;
}

/* Match the front end's content width so wide/full alignments read correctly. */
.editor-styles-wrapper .wp-block {
	max-width: 700px;
}

.editor-styles-wrapper .wp-block[data-align="wide"] {
	max-width: 978px;
}

.editor-styles-wrapper .wp-block[data-align="full"] {
	max-width: none;
}
