/*---------------------------------------------------------------------------------
	Editor styles for Miyazaki
---------------------------------------------------------------------------------*/


/* Fonts ----------------------------- */


@font-face {
	font-family: 'Charis SIL';
	src: url( ./assets/fonts/CharisSIL-R.woff );
}

@font-face {
	font-family: 'Charis SIL';
	font-style: italic;
	src: url( ./assets/fonts/CharisSIL-I.woff );
}

@font-face {
	font-family: 'Charis SIL';
	font-weight: bold;
	src: url( ./assets/fonts/CharisSIL-B.woff );
}

@font-face {
	font-family: 'Charis SIL';
	font-weight: bold;
	font-style: italic;
	src: url( ./assets/fonts/CharisSIL-BI.woff );
}


/* Structure ----------------------------- */


body#tinymce.wp-editor { 
	color: #000;
	font-family: 'Charis SIL', Georgia, serif;
    font-size: 20px;
	margin: 0 auto;
	max-width: 100%;
	width: 600px;
}

body#tinymce.wp-editor * { 
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box; 
	-webkit-font-smoothing: antialiased;
}

body#tinymce.wp-editor p, 
body#tinymce.wp-editor ul, 
body#tinymce.wp-editor ol, 
body#tinymce.wp-editor blockquote, 
body#tinymce.wp-editor pre {
	line-height: 1.5;
	margin-bottom: 1.5em;
}

body#tinymce.wp-editor a,
body#tinymce.wp-editor a:hover {
	color: inherit;
	text-decoration: underline;
}

body#tinymce.wp-editor img { 
	height: auto;
	max-width: 100%; 
}

body#tinymce.wp-editor img[data-wp-more] { 
	height: 16px; 
}

body#tinymce.wp-editor hr {
	border: none;
	border-top: 2px solid #000;
	margin: 2em auto;
	width: 100%;
}

body#tinymce.wp-editor dt {
	font-weight: 600;
}

body#tinymce.wp-editor dd {
	line-height: 1.5;
}

body#tinymce.wp-editor dd + dt {
	margin-top: 1.5rem;
}


/* Titles --------------------------------------- */


body#tinymce.wp-editor h1, 
body#tinymce.wp-editor h2, 
body#tinymce.wp-editor h3, 
body#tinymce.wp-editor h4, 
body#tinymce.wp-editor h5, 
body#tinymce.wp-editor h6 {
	font-family: Teko, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: 600;
	line-height: .95;
	margin: 70px 0 30px;
}

body#tinymce.wp-editor h1 { font-size: 124px; }
body#tinymce.wp-editor h2 { font-size: 82px; }
body#tinymce.wp-editor h3 { font-size: 64px; }
body#tinymce.wp-editor h4 { font-size: 48px; }
body#tinymce.wp-editor h5 { font-size: 32px; }
body#tinymce.wp-editor h6 { font-size: 24px; }


/* Blockquote --------------------------------------- */


body#tinymce.wp-editor blockquote {
	border-left: 5px solid #000;
	font-family: Teko, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;
	margin: 0 0 1.6em 0;
	padding: .25em 0 .25em 1em;
}

body#tinymce.wp-editor blockquote p {
	font-size: 32px;
	font-weight: 500;
	line-height: 1.1;
	margin: 0;
}

body#tinymce.wp-editor blockquote cite {
	display: block;
	font-size: 24px;
	font-weight: 600;
	font-style: normal;
	margin-top: 1em;
}


/* Lists --------------------------------------- */


body#tinymce.wp-editor ul {
	margin-left: 1.5em;
	padding-left: 0;
}

body#tinymce.wp-editor ol {
	margin-left: 1.5em;
	padding-left: 0;
}

body#tinymce.wp-editor ul { list-style: disc; }
body#tinymce.wp-editor ul ul { list-style: circle; }
body#tinymce.wp-editor ul ul ul { list-style: square; }

body#tinymce.wp-editor ol { list-style: decimal; }
body#tinymce.wp-editor ol ol { list-style: lower-alpha; }
body#tinymce.wp-editor ol ol ol { list-style: lower-roman; }

body#tinymce.wp-editor ul ul,
body#tinymce.wp-editor ul ol,
body#tinymce.wp-editor ol ul,
body#tinymce.wp-editor ol ol {
	margin-bottom: 0;
}

body#tinymce.wp-editor li {
	line-height: 1.5;
	margin-bottom: 0.5em;
}

body#tinymce.wp-editor ol > li:last-child,
body#tinymce.wp-editor ul > li:last-child {
	margin-bottom: 0;
}

body#tinymce.wp-editor ol > li:first-child,
body#tinymce.wp-editor ul > li:first-child {
	margin-top: 0.5em;
}


/* Post media --------------------------------------- */


body#tinymce.wp-editor .wp-caption { 
	margin-bottom: 1.5em; 
}

body#tinymce.wp-editor img.alignleft,
body#tinymce.wp-editor .alignleft img,
body#tinymce.wp-editor img.aligncenter,
body#tinymce.wp-editor .aligncenter img,
body#tinymce.wp-editor img.alignright,
body#tinymce.wp-editor .alignright img,
body#tinymce.wp-editor img.alignnone,
body#tinymce.wp-editor .alignnone img {
	display: block;
}

body#tinymce.wp-editor .aligncenter,
body#tinymce.wp-editor .alignnone,
body#tinymce.wp-editor .alignwide,
body#tinymce.wp-editor .alignfull {
	margin: 50px auto;
}

body#tinymce.wp-editor .alignleft,
body#tinymce.wp-editor .alignright {
	margin-bottom: 1em;
	max-width: 40%;
}

body#tinymce.wp-editor .wp-caption img {
	display: block;
}

body#tinymce.wp-editor .wp-caption .alignleft,
body#tinymce.wp-editor .wp-caption .alignright {
	margin-bottom: 0;
}

body#tinymce.wp-editor .alignleft {
	float: left;
	margin-right: 20px;
}

body#tinymce.wp-editor .alignright {
	float: right;
	margin-left: 20px;
}

body#tinymce.wp-editor .wpview[data-wpview-type="gallery"] + .wpview[data-wpview-type="gallery"] {
	margin-top: -34px;
}

body#tinymce.wp-editor .wp-caption-text,
body#tinymce.wp-editor .wp-caption-dd,
body#tinymce.wp-editor .gallery-caption {
	font-size: 16px;
	font-weight: 500;
	margin: 15px 0 0;
}


/* Tables --------------------------------------- */


body#tinymce.wp-editor table {
	border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 0.9em;
    width: 100%;
}

body#tinymce.wp-editor th,
body#tinymce.wp-editor td {
	border-bottom: 1px solid #DDD;
	line-height: 1.2;
	margin: 0;
	overflow: visible;
	padding: 2%;
}

body#tinymce.wp-editor caption {
	color: #444;
	text-align: center;
	padding: 2%;
}

body#tinymce.wp-editor thead {
	vertical-align: bottom;
	white-space: nowrap;
}

body#tinymce.wp-editor th {
	font-variant-caps: small-caps;
	font-weight: 600;
	letter-spacing: 0.015em;
	text-align: left;
	text-transform: lowercase;
}

body#tinymce.wp-editor table tbody > tr:nth-child(odd) > td { 
	background: #f9f9f9; 
}


/* Forms --------------------------------------- */


body#tinymce.wp-editor fieldset {
	border: 2px solid #000;
	padding: 15px;
}

body#tinymce.wp-editor fieldset legend {
	font-family: Teko, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 600;
	padding: 0 10px;
}

body#tinymce.wp-editor label {
	display: block;
	font-family: Teko, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 21px;
	font-weight: 400;
	margin: 0 0 8px 0;
}

body#tinymce.wp-editor input,
body#tinymce.wp-editor select,
body#tinymce.wp-editor textarea {
	color: inherit;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: inherit;
}

body#tinymce.wp-editor input[type="text"],
body#tinymce.wp-editor input[type="password"],
body#tinymce.wp-editor input[type="email"],
body#tinymce.wp-editor input[type="url"],
body#tinymce.wp-editor input[type="date"],
body#tinymce.wp-editor input[type="month"],
body#tinymce.wp-editor input[type="time"],
body#tinymce.wp-editor input[type="datetime"],
body#tinymce.wp-editor input[type="datetime-local"],
body#tinymce.wp-editor input[type="week"],
body#tinymce.wp-editor input[type="number"],
body#tinymce.wp-editor input[type="search"],
body#tinymce.wp-editor input[type="tel"],
body#tinymce.wp-editor input[type="color"],
body#tinymce.wp-editor select,
body#tinymce.wp-editor textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none;
	display: block;
	font-size: 16px;
	margin: 0;
	max-width: 100%;
	outline: none;
	padding: 15px 16px;
	width: 100%;
	word-break: normal;
}

body#tinymce.wp-editor textarea {
	height: 200px;
	line-height: 1.5;
	width: 100%;
}

body#tinymce.wp-editor input[type="text"]:focus,
body#tinymce.wp-editor input[type="tel"]:focus,
body#tinymce.wp-editor input[type="url"]:focus,
body#tinymce.wp-editor input[type="password"]:focus,
body#tinymce.wp-editor textarea:focus {
	outline: none;
}

body#tinymce.wp-editor select {
	background: #fff url( ./assets/images/icons/chevron-down.svg ) no-repeat;
	background-position: calc( 100% - 14px ) center;
	font-weight: 500;
	padding: 15px 40px 15px 18px;
}

body#tinymce.wp-editor *::-webkit-input-placeholder { color: #767676; }
body#tinymce.wp-editor *:-ms-input-placeholder { color: #767676; }
body#tinymce.wp-editor *::-moz-placeholder { color: #767676; }

body#tinymce.wp-editor button,
body#tinymce.wp-editor .faux-button,
body#tinymce.wp-editor input[type="button"],
body#tinymce.wp-editor input[type="reset"],
body#tinymce.wp-editor input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #000;
	border: none;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: Teko, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1;
	margin: 0;
	outline: none;
	padding: 17px 26px;
	text-align: center;
	text-decoration: none;
	transition: background-color .15s linear;
}

body#tinymce.wp-editor button:hover,
body#tinymce.wp-editor .faux-button:hover,
body#tinymce.wp-editor input[type="button"]:hover,
body#tinymce.wp-editor input[type="reset"]:hover,
body#tinymce.wp-editor input[type="submit"]:hover {
	background: #F9423A;
	color: #fff;
}

body#tinymce.wp-editor button:focus,
body#tinymce.wp-editor .faux-button:focus,
body#tinymce.wp-editor input[type="button"]:focus,
body#tinymce.wp-editor input[type="reset"]:focus,
body#tinymce.wp-editor input[type="submit"]:focus {
	opacity: .9;
	outline: none;
}