/*
Theme Name: REW
Theme URI: 
Author: fz
Author URI: 
Description: 
Version: 0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rew
*/

body {
	margin: 0;
}

li#wp-admin-bar-local_db div {
	height: 0px !important;
}

#rewmap {
	width: 800px;
	height: 600px;
}

.rew_lmap {
	width: 100%;
	height: 500px;
}

html {
	background: DimGray;
}

.rew_main {
	height: 100%;
}

.site-start {
	height: calc(100% - 4em - 62px);
}

.site:not(.site_wide) {
	max-width: 1000px;
}

.site:not(.site_wide):not(.site-start){
	max-height: calc(100% - 4em - 62px);
	min-height: calc(70% - 4em - 62px);
}

.site {
	background: white;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 4px;
	margin-bottom: 5px;
	overflow: auto;
	position: relative;
}

@media screen and (max-width:782px) {
	.site {
		max-height: calc(100% - 4em - 14px);
	}
}

#rew_content {
	overflow: auto;
	padding-bottom: 10px;
}



.rew_tool_top {
	padding: 10px;
	padding-top: 6px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0px 0px 4px 4px;
	max-width: 1000px;
	background: white;
	line-height: 2em;
	height: 2em;
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
}

#letter_list {
	display: flex;
	justify-content: space-between;
}

#letter_list a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}


.rew_tool_footer {
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 4px;
	max-width: 1000px;
	background: white;
	line-height: 2em;
	height: 2.1em;
	overflow: auto;
}

.rew_tool_footer .dashicons {
	font-size: 2em;
	margin-right: 0.4em;
}

.rew_tool_footer_option {
	cursor: pointer;
	font-weight: bold;
	display: inline-block;
}

.rew_tool_footer_version {
	float: right;
	font-size: 1.2em;
}

#rew_version_select {
	font-size: 0.9em;
}

.rew_tool_footer_option_text {
	font-size: 1.2em;
}

.rew_entry {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 5px;
}

h1.rew_head {
	font-weight: normal;
	font-size: 1.8em;
	margin-bottom: 1em;
}

h2 {
	font-size: 1.2em;
}

h1, h2 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

ul {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

.rew_entry_content {
	font-size: 1.2em;
}

.rew_record_list, .rew_text_part {
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.3em;
}

.rew_head_form {
	font-weight: bold;
}

.rew_list_form, .rew_text_form:not(.rew_lat_form) {
	font-style: italic;
}

u, .rew_lat_form {
	font-variant: small-caps;
	text-decoration: none;
}

.latin_form {
	font-size: 20em;
	color: red;
}

.rew_tool_top span {
	text-decoration: none;
	font-size: 2em;
	cursor: pointer;
}

.rew_tool_top div {
	display: inline-block;
}

#rew_tool_top_right {
	padding-right: 10px;
}

#rew_tool_top_center > span {
	padding-left: 10px;
	padding-right: 10px;
}

.rew_lang_abbrev, .rew_recon_star, .rew_learned_word_bracket, .rew_abbr, .rew_lit_ref, .rew_meaning, .rew_entry_ref {	
	border: dotted 1px;
	cursor: pointer;
}

.rew_lang_abbrev:not(.unconnected) {
	color: green;
}

.rew_meaning:not(.unconnected) {
	color: MidnightBlue;
}

.rew_meaning_info {
	font-size: 15px;
	line-height: 1.1em;
}

.rew_meaning_img {
	max-width: 200px;
	max-height: 200px;
}

.invalid, .unconnected {
	color: red;
}

.qtip-content {
	font-size: 1.8em;
	padding: 10px;
	line-height: 1.8em;
}

.rew_entry a {
	color: black;
}

.rew_record_comment {
	font-size: 80%;
}

.rew_cols_entry > .rew_entry_content {
	width: max-content;
	margin: auto;
}

.rew_meaning_nonexplicit {
	opacity: 0.6;
}

.rew_preface, .rew_abbreviations_page {
	font-size: 1.2em;
	padding: 2em;
}

.rew_scan_div {
	padding-left: 30px;
}

#rew_show_scan_div{
	position: fixed;
	transform: rotate(90deg);
	transform-origin: top left;
	padding: 0px 20px;
	border-radius: 5px 5px 0 0;
	font-size: 18px;
	height: 22px;
	/*border: 1px solid black;*/
	box-shadow: 1px 0 black;
	background: lightgray;
	cursor: pointer;
	width: 110px;
	display: none;
}

#rew_show_scan_wrapper {
    position: absolute;
    left: 22px;
    top: calc(40% - 55px);
}


/* ==========        Open style   ========== */
.rew_entry.rew_open_entry ul {
	list-style-type: square;
}

.rew_entry.rew_open_entry ul ul {
	list-style-type: "> ";
}

.rew_entry.rew_open_entry ul li {
	margin-bottom: 5px;
}

#rew_outdated_div {
	background: firebrick;
	border-radius: 4px;
	padding: 5px;
	display: none;
	color: gold;
}

.rew_jump_newest {
	cursor: pointer;
	color: yellowgreen;
	text-decoration: underline;
}

html, body{
	margin:0;
	padding:0;
}

html {
	height: calc(100% - 32px);
}

body {
	height: 100%;
}

@media screen and (max-width:782px) {
	html, body{
		height: calc(100% - 48px);
	}
}

.export_timestamp {
	font-size: 0.7em;	
}

.export_div {
	border: solid 1px black;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 0.5em;
}

.export_div:last-child {
	margin-bottom: 2em;
}

#rew_seach_input {
	font-size: 0.6em;
}

#rew_search_span {
	margin-left: 5px;
	display: none;
	background: lightgrey;
	padding: 8px;
	line-height: 1em;
	position: relative;
	top: -6px;
	height: 1em;
	display: none;
}

#rew_search_span > span {
	font-size: 1em;
	padding: 3px;
}

#rew_display_div, #rew_info_div {
	display: none;
}


/* GRAPH */
.node {
  stroke: #fff;
  stroke-width: 1.5px;
  cursor: pointer;
}

.link {
  stroke-opacity: 1;
}

.label {
    fill: white;
    font-family: Verdana;
    font-size: 12px;
    text-anchor: middle;
    cursor: pointer;
}

#rew_map_container {
	margin-bottom: 60px;
}

.rew_details_content {
	font-size: 1.2em;
}

.rew_details_content h2 {
	margin-top: 1.5em;
}

.rew_link_table td, .rew_cit_table td{
	padding: 15px;
}

.rew_letter {
	font-size: 3em;
}

.rew_list_link {
	color: black;
	font-size: 1.2em;
	font-weight: 400;
}

#filter_lemma_div {
	float: right;
	width: fit-content;
	padding: 5px;
	margin-right: 20px;
	position: relative;
	z-index: 99;
	background: lightblue;
	border-radius: 0px 0px 5px 5px;
}

#rew_start_top {
	position: absolute;
	height: 110px;
	width: calc(100% - 30px);
	left: 0;
	padding-left: 20px;
	padding-right: 10px;
	top: 0px;
	background: lightblue;
}

#rew_caption {
	width: fit-content;
	display: inline-block;
}

#rew_start_list {
	padding-top: 30px;
	position: absolute;
	padding-left: 50px;
	height: calc(100% - 140px);
	width: calc(100% - 50px);
	top: 110px;
	overflow:auto;
	left: 0;
}

.rew_search_result {
	margin-bottom: 2em;
	margin-top: 0.5em;
}

.rew_top_icon {
	position: absolute;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
}