/* Simple Sitemap Menu */

body .simple-sitemap-menu li {
	float: initial;
}

/* Simple Sitemap */

.simple-sitemap-container ul {
	margin: 0 0 0 1.2em;
	padding: 0;
}

/* This rule seems necessary when the Gutenberg plugin isn't installed. */
.editor-styles-wrapper .simple-sitemap-container ul,
.editor-styles-wrapper .simple-sitemap-container ol {
	margin: 0 0 0 1.2em;
	padding: 0;
}

.simple-sitemap-wrap:not(:first-of-type) {
	margin-top: 1.5em;
}

.simple-sitemap-container .excerpt {
	font-size: 0.85em;

	/*
	line-height: 17px;
	 margin-top: -2px;
	color: #555;
	margin-bottom: -5px;
	padding: 3px 3px 0 0;
	*/
}

.simple-sitemap-container span.excerpt {

	/* margin-left: -9px; */
	position: relative;
	left: 8px;
}

.simple-sitemap-container .separator {
	border-bottom: 1px #eee solid;
	margin-bottom: -5px;
	margin-top: 18px;
	padding: 0;
}

/* don't show the bottom border on the last entry */
.simple-sitemap-container ul.main > li:last-child .separator {
	border-bottom: 0;
}

/* featured image */
.simple-sitemap-fi {
	position: relative;
	top: 6px;
	left: -5px;
	margin-left: 5px;
}

/* Flexbox sitemap columns */

.simple-sitemap-container.col {
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.simple-sitemap-wrap.col {
	width: 260px;
	margin-right: 20px;
	margin-top: 10px;
}

.simple-sitemap-wrap.col ul.main {
	margin-left: 20px;
}

.simple-sitemap-container.hide-icon ul.main {
	margin-left: 0;
	list-style-type: none;
}

.simple-sitemap-container.hide-icon ul.main ul.children {
	list-style-type: none;
}

/* Horizontal Sitemap */

.horizontal ul.children {
	display: inline;
	margin-left: 0;
}

.simple-sitemap-wrap > ul.horizontal {
	list-style-type: none;
	margin: 0;
}

.simple-sitemap-wrap > ul.horizontal li {
	display: inline;
}

/* Sitemap Tab Styles (for new tabs added June 2019) */

.simple-sitemap-container.tab-enabled * {
	box-sizing: border-box;
}

.simple-sitemap-container.tab-enabled ul.main {
	margin: 2em 1em 2em 3em;
}

.simple-sitemap-container.tab-enabled ul.main.horizontal {
	margin: 2em 1em 2em 2em;
}

.simple-sitemap-container .no-posts {
	font-style: italic;

	/* margin: 2em 1em 2em 3em; */
}

.simple-sitemap-container.tab-enabled .no-posts {
	font-style: italic;
	margin: 2em 1em 2em 2em;
}

/*.simple-sitemap-container.tab-enabled {
  max-width: 650px;
  width: 80%;
  margin: 0 auto;
}*/

.simple-sitemap-container.tab-enabled .post-type {
	margin: 0;
	font-weight: normal;
}

.simple-sitemap-container.tab-enabled label {
	cursor: pointer;
	float: left;
	margin: 0 5px 0 0;
	display: block;
	background-color: #eee;
	border-radius: 4px 4px 0 0;
}

.simple-sitemap-container.tab-enabled input {
	display: none;
}

/*.simple-sitemap-container.tab-enabled input:checked + label {
  background-color: #de5737;
}
.simple-sitemap-container.tab-enabled input:checked + label > * {
  color: #ffffff;
}
*/

.simple-sitemap-container.tab-enabled input[id^="simple-sitemap-tab-1"]:checked ~ .simple-sitemap-content .simple-sitemap-tab-1,
.simple-sitemap-container.tab-enabled input[id^="simple-sitemap-tab-2"]:checked ~ .simple-sitemap-content	.simple-sitemap-tab-2,
.simple-sitemap-container.tab-enabled	input[id^="simple-sitemap-tab-3"]:checked ~ .simple-sitemap-content	.simple-sitemap-tab-3,
.simple-sitemap-container.tab-enabled	input[id^="simple-sitemap-tab-4"]:checked ~ .simple-sitemap-content	.simple-sitemap-tab-4,
.simple-sitemap-container.tab-enabled	input[id^="simple-sitemap-tab-5"]:checked ~ .simple-sitemap-content	.simple-sitemap-tab-5,
.simple-sitemap-container.tab-enabled	input[id^="simple-sitemap-tab-6"]:checked ~ .simple-sitemap-content	.simple-sitemap-tab-6,
.simple-sitemap-container.tab-enabled	input[id^="simple-sitemap-tab-7"]:checked ~ .simple-sitemap-content	.simple-sitemap-tab-7,
.simple-sitemap-container.tab-enabled	input[id^="simple-sitemap-tab-8"]:checked ~ .simple-sitemap-content	.simple-sitemap-tab-8,
.simple-sitemap-container.tab-enabled	input[id^="simple-sitemap-tab-9"]:checked ~ .simple-sitemap-content	.simple-sitemap-tab-9,
.simple-sitemap-container.tab-enabled	input[id^="simple-sitemap-tab-10"]:checked ~ .simple-sitemap-content	.simple-sitemap-tab-10 {
	display: block;
}

.simple-sitemap-container.tab-enabled .simple-sitemap-content {
	clear: both;
	position: relative;
}

.simple-sitemap-container.tab-enabled .panel {
	width: 100%;

	/*
	padding: 25px 20px;
	position: absolute;
	top: 0;
	left: 0;
	*/
	display: none;
	border: 1px solid #ddd;

	/* border-top: 4px solid #de5737; */
	border-radius: 0 0 4px 4px;
}

/*@media only screen and (max-width: 500px) {
  .simple-sitemap-container.tab-enabled label {
    width: 100%;
    border-radius: 0;
  }
  .simple-sitemap-container.tab-enabled label[for^="simple-sitemap-tab-1"] {
    border-radius: 4px 4px 0 0;
  }
}*/

/* react-select */
.components-panel__row.simple-sitemap .react-select-container {
	min-width: 120px;
}

/* Labels */

.label-wide label {
	max-width: 100%;
}

/* Tab colors */

.components-panel .tab-colors {
	display: block;
}

.components-panel .series-color {
	display: inline-block;
	margin: 0 0 0 5px;
}

.components-panel .series-color:first-of-type {
	margin: 0;
}

.components-panel .series-color,
.components-panel .series-color > div {
	width: 22px;
	height: 22px;
}

.components-panel .series-color > div {
	border-radius: 0;
	border: 1px solid #ccc;
}

/* Inspector panel: @todo these need moving to a block admin only stylesheet  */

/* disabled styles for inspector panel elements */
.components-panel__row.simple-sitemap .disabled .components-base-control__help {
	color: rgb(232, 119, 119);
}

.edit-post-settings-sidebar__panel-block .components-panel__body .components-panel__row.simple-sitemap .components-base-control
/*.edit-post-settings-sidebar__panel-block .components-panel__body .components-panel__row.simple-sitemap .components-base-control:last-child*/ {
	margin-bottom: 0;
}

.components-panel__row.simple-sitemap .components-base-control .components-base-control__field {
	margin-bottom: 8px;
}

.components-panel__row.simple-sitemap .components-base-control .components-base-control__help {
	margin-bottom: 4px;
}

.components-panel__row.simple-sitemap.order {
	justify-content: start;
	align-items: start;
}

.components-panel__row.simple-sitemap.order .components-base-control:first-child {
	margin-right: 1em;
}

.components-panel__row.simple-sitemap.general-chk {
	margin-top: 0;
}

/*.components-panel__row.simple-sitemap > .components-base-control {
  margin-bottom: 0;
}*/

/*.edit-post-settings-sidebar__panel-block .components-panel__body .series-checkboxes .components-base-control {
  margin-bottom: 0;
  padding: 0;
}
.edit-post-settings-sidebar__panel-block .components-panel__body .series-checkboxes .components-base-control input {
  margin-right: 5px;
}*/

/* test we need all styles below */

/*
.components-panel .series-checkboxes {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/*
.components-panel .series-checkboxes .series-checkbox {
  width: 28px;
  height: 18px;
  margin: 2px 20px 0;
  border-radius: 3px;
}
*/

/*
.components-panel .chart-colors-grid {
  display: grid;
  grid-gap: 2px;
  grid-template-columns: repeat(auto-fit, minmax(20px, 20px));
}
.components-panel .chart-colors-grid li {
  margin: 0;
}
*/
