/* word wrapping */

.std,
.std-ref,
.head {
	word-wrap: break-word;
}

p {
	word-wrap: break-word;
	white-space: normal;
}

/* changes table to block element when screen size is small*/

@media screen and (min-width: 770px) and (max-width: 900px),
	screen and (min-width: 200px) and (max-width: 600px) {
	table,
	thead,
	tbody,
	th,
	td,
	tr {
		display: block;
	}

	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table.config td, table.command td, table.touch td, table.controls td {
		border: none;
		position: relative;
		padding-left: 40% !important;
	
	}
	td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 35%;
		padding-right: 10px;
		white-space: nowrap;
	}

	table.config td:nth-of-type(1):before {
		content: "Key";
	}
	table.config td:nth-of-type(2):before {
		content: "Type";
	}
	table.config td:nth-of-type(3):before {
		content: "Default";
	}
	table.config td:nth-of-type(4):before {
		content: "Description/ Options";
		white-space: normal;
	}
  

	table.command td:nth-of-type(1):before {
		content: "Option";
	}
	table.command td:nth-of-type(2):before {
		content: "Short";
	}
	table.command td:nth-of-type(3):before {
		content: "Description";
	}

	table.controls td:nth-of-type(1):before {
		content: "Control";
	}
	table.controls td:nth-of-type(2):before {
		content: "Action";
	}

	table.touch td:nth-of-type(1):before {
		content: "Touch";
	}
	table.touch td:nth-of-type(2):before {
		content: "Action";
	}
   /* Hides empty table cells*/
   td:empty {
      display: none;
   }
   /* Makes Description/Options field in config file table min height of 3rem*/

   table.config td:nth-of-type(4) {
      min-height: 3rem;
   }
 
}


/* Overrides table width */
@media (min-width: 385px) {
	.wy-table-responsive table td {
		white-space: normal !important;
	}

	.wy-table-responsive {
		overflow: visible !important;
	}
	.wy-table-responsive table {
		table-layout: fixed !important;
		width: 100% !important;
	}
}

/* Change theme colors*/

.wy-side-nav-search,
.wy-nav-top {
	background-color: #cc6600 !important;
}

.caption-text,
.icon-home {
	color: #cc6600;
}

/* Change H4 header size*/

h4 {
	font-size: 100% !important;
}

/* Change inline code formatting*/

.rst-content code.literal {
	padding: 5px !important;
	white-space: normal;
	color: #000000;
}

/* Change color of tabs and cards */

body {
	--sd-color-tabs-underline-active: #cc6600;
	--sd-color-tabs-label-active: #cc6600;
	--sd-color-tabs-label-inactive: #fd962e;
	--sd-color-tabs-label-hover: #cc6600;
	--sd-color-tabs-underline-hover: #ffd3a8;
	--sd-color-tabs-overline: #ffd3a8;
	--sd-color-tabs-underline: #ffd3a8;
	--sd-color-card-header: rgba(0,0,0,0.03);
}