/* Extend the maximum width of the content area */
.wy-nav-content {
	max-width: 100%; /* Adjust this value as needed */
}
.wy-body-for-nav {
	font-family: "Sans-Serif", Arial, Helvetica, sans-serif;
	color: #000000;
}
/* Side bar color */
.wy-nav-side {
	background-color: #333333;
}
.wy-side-nav-search {
	background-color: #133c73;
}
.wy-side-nav-search a:hover {
	background-color: #133c73;
	color: #ffffff;
}

/* Stack logo above title; render home icon inline with title */
.wy-side-nav-search > a.icon-home {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	text-align: center;
}

.wy-side-nav-search > a.icon-home img.logo {
	order: 1;
	display: block;
	margin: 0 auto;
}

.wy-side-nav-search > a.icon-home .project-title {
	order: 2;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.wy-side-nav-search > a.icon-home:before {
	display: none;
}

.wy-menu-vertical li.current a {
	background-color: #f2f3f4;
	color: #070707;
}
.wy-menu-vertical a:hover {
	background-color: #d7e9ff;
	color: #000000;
}
.wy-menu-vertical li.current a:hover {
	background-color: #d7e9ff;
	color: rgb(0, 0, 0);
}
.wy-menu-vertical li.toctree-l2.current a:hover {
	background-color: #d7e9ff;
	color: rgb(0, 0, 0);
}
.wy-menu-vertical li.toctree-l2.current li.toctree-l3 a:hover {
	background-color: #d7e9ff;
	color: rgb(0, 0, 0);
}
.wy-menu-vertical li.toctree-l2.current li.toctree-l3.current a:hover {
	background-color: #d7e9ff;
	color: rgb(0, 0, 0);
}
.wy-menu-vertical li.toctree-l1.current > a {
	background-color: #133c73;
	color: #ffffff;
}
.wy-menu-vertical li.toctree-l2.current > a {
	background-color: #a1a1a1;
	color: #ffffff;
}
.wy-menu-vertical li.toctree-l2.current li.toctree-l3.current > a {
	background-color: #133c73;
	color: #ffffff;
}
.wy-menu-vertical li.toctree-l2.current li.toctree-l3 a:hover {
	background-color: #d7e9ff;
	color: #000000;
}
.wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a {
	background-color: #ffffff;
	color: #000000;
}

.wy-menu-vertical
	li.toctree-l2.current
	li.toctree-l3.current
	li.toctree-l4
	> a {
	background-color: #ffffff;
	color: #000000;
}

.wy-menu-vertical
	li.toctree-l2.current
	li.toctree-l3.current
	li.toctree-l4
	> a:hover {
	background-color: #d7e9ff;
	color: #000000;
}

.wy-menu-vertical
	li.toctree-l2.current
	li.toctree-l3.current
	li.toctree-l4.current
	> a {
	background-color: #e1e1e1;
	color: #000000;
}

.grid .grid-item-card {
	font-weight: 400 !important;
}

/* Remove background from grid item cards */
.no-card-background.sd-card {
	background-color: transparent !important;
	border: 1px solid #ddd; /* Optional: keep border for structure */
}

/* Keep card header background if needed */
.no-card-background.sd-card .sd-card-header {
	background-color: #f0f0f0 !important;
}

/* Increase spacing between grid rows/cards */
.sd-row {
	row-gap: 24px;
	column-gap: 0px;
}

/* Modal content border-radius */
.modal-content {
	border-radius: 5px;
}

/* Breadcrumbs */

.wy-breadcrumbs > li {
	background: white;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
}

/* */

.admonition-custom {
	width: 700px;
}

.sd-tab-title {
	font-size: 20px; /* Adjust the font size as needed */
}

.red {
	color: red;
	font-weight: 100;
}

.green {
	color: green;
	font-weight: 100;
}

.orangered {
	color: orangered;
	font-weight: 100;
}

/* Dropdown */

summary.sd-summary-title:hover {
	background-color: #ffffe0;
}

/* tabs.css */

/* Style the tabs container */
.sd-tab-set {
	margin-top: 10px;
}

/* bordered-image: apply a thin visible frame around inline images */
.bordered-image img {
	border: 1px solid #000;
}

/* Style for the active tab */
.sd-tab-set > input:checked + label {
	border-color: #1c4f94;
	color: #1c4f94;
	background-color: #f1f1f1;
}

.sd-tab-set > label {
	color: #000000;
}

/* Style the tab titles (the clickable links) */
.sd-tab-label {
	padding: 5px;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	border-radius: 2px;
	cursor: pointer;
	font-weight: 200;
}
/* Change the background of the tab when it's hovered */
.sd-tab-label:hover {
	background-color: #f1f1f1;
	border-color: #1c4f94;
	color: #000000;
}

.sd-tab-set > input:not(:checked) + label:hover {
	color: #000000;
	border-color: #1c4f94;
}

/* Style the content area for the tabs */
/* .sd-tab-content {
	padding: 10px;
	background-color: #f5f5f5;
	border-radius: 1px;
	border: 1px solid #ccc;
	margin-top: 5px;
} */

/* Hide elements with hidden class - used for image references that ensure Sphinx copies images */
.hidden {
	display: none !important;
}

/* Hide reference images completely - width:1px images used to trigger Sphinx image copying */
img[style*="width: 1px"],
img[style*="width:1px"],
img[width="1px"],
img[width="1"] {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border: 0;
}

/* Full-height body with footer pinned and centered section content */
html,
body {
	height: 100%;
}

body.wy-body-for-nav {
	min-height: 100vh;
}

.wy-nav-content-wrap {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.wy-nav-content {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}

.rst-content {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}

.rst-content .document {
	flex: 1 0 auto;
}

/* Center only the Properties Section content */
.rst-content .document > section#properties-section {
	min-height: calc(100vh - 140px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.rst-content footer {
	margin-top: auto;
}

/* Modal styles for properties section */
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
	align-items: center;
	justify-content: center;
}

.modal[style*="display: block"] {
	display: flex !important;
}

.modal-content {
	background-color: #fefefe;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 900px;
	max-height: 75vh;
	overflow-y: auto;
	margin: auto;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.image-row {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
	flex-wrap: wrap;
}

.image-row img {
	width: 350px;
	height: auto;
}

.no-background td,
.no-background th,
.no-background tr {
	background-color: transparent !important;
}

/* If alternating rows are still showing, add this: */
.no-background tbody tr:nth-child(odd),
.no-background tbody tr:nth-child(even) {
	background-color: transparent !important;
}

/* Custom grid card styling */
.custom-grid-card.sd-card {
	height: 200px !important; /* Increase height */
	min-height: 200px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	border: 1px solid #ddd !important;
	border-radius: 4px;
	padding: 20px !important;
}

.custom-grid-card .sd-card-body {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
}

/* Make all headings 10% smaller than theme default */

h1 {
	font-size: 1.5rem !important;
}

h2 {
	font-size: 1.3rem !important;
}

h3 {
	font-size: 1.1rem !important;
}

h4 {
	font-size: 1rem !important;
}

h5 {
	font-size: 0.9rem !important;
}

h6 {
	font-size: 0.8rem !important;
}

.center-table th,
.center-table td {
	text-align: center;
	vertical-align: middle;
}

.bold-subscript {
	font-weight: bold;
}