/* This is the CSS bootstrap override for the troop site. If you don't know precisely what you're doing, DON'T TOUCH IT. Talk to Kevin. */

/* COLORS */
:root {
	--primary: ;
	--primary-light: #3f4043;
	--bg-yellow: #fdfcf8;
}
body {
	background-color: var(--bg-yellow);
}

/* UNSORTED */
/* custom page elements with shadow */
.shadow-box {
	box-shadow: 0 0 3px 0 #aaa;
}
.btn {
	box-shadow: none;
}
h3 {
	font-style: normal;
}
.folder-table a {
	cursor: pointer;
}

/* TABLES */
/* fix table borders */
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
	border-bottom-width: 0;
}
.table-curved {
	border-collapse: collapse;
	border: none;
}

.table-curved tfoot tr {
	background-color: transparent;
}
.table-curved tfoot tr td {
	border: none;
	background-color: #303030;
}
/* table header row */
.table-striped > thead > tr {
	color: white;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* table header cells */
.table-striped > thead > tr > th {
	background-color: #303030;
	/* border: none; */
}
/* fix curve on upper left corner of table */
.table-curved th:first-of-type {
	border-radius: 8px 0 0 0;
}
.sortheader,
.sortheader:hover {
	color: #76a5ff;
}

/* FORMS */
select {
	cursor: pointer;
}

/* DATA WINDOWS */
.scrollingdiv {
	border: 2px solid;
	border-radius: 8px;
	background-color: white;
}

/* NAVIGATION */

/* nav bar */
.navlink > a {
	height: 38px;
	display: flex;
	align-items: center;
	color: white;
}
.navlink > a:hover,
.navlink > a:active {
	font-weight: normal;
}
.nav-home-link {
	font-size: 110%;
}
.navlink:hover,
.navlink:focus {
	font-weight: normal;
}
.navtable {
	background-color: #1d1e20;
	position: sticky;
	top: 0;
	border-bottom: 3px solid #c21d0a;
}

/* menu button */
.navicon {
	background-color: var(--primary-light);
	color: white;
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	padding: 0;
	width: auto !important;
}
/* hide "menu" text */
.navicon span:last-child {
	display: none;
}
/* shorten spacer in navtable to make space for navicon */
.navtable .navrow:first-child > td:first-child {
	width: 36px !important;
}

/* other stuff in menu bar */
#tools-menu-icon {
	background-color: var(--primary-light);
	padding: 7px;
	border-radius: 4px;
}

/* main menu */
#mainmenu {
	margin-top: 6px;
	background-color: #1d1e20;

	overflow: scroll;
	height: calc(100vh - 38px);
	position: fixed;
}
.list-group-item {
	padding: 0;
	border: 1px solid #313131;
	background-color: #27282b;
}
.list-group-item > a {
	padding: 5px 10px;
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	color: white;
}
.list-group-item > a > span:hover {
	text-decoration: none;
}
/* first level */
.navmenu > ul > li,
.navmenu {
	background-color: #27282b;
}
/* second level */
.navmenulower > ul > li {
	background-color: #141515;
}
/* third level */
.navmenulower2 > ul > li {
	background-color: #27282b;
}
/* fourth level */
.navmenulower3 > ul > li {
	background-color: #141515;
}

/* WYSIWYG FULL-WIDTH HTML BLOCK */
.container-fluid {
	padding: 0;
}
/* apply this class to a div inside an html block on its own row in the editor*/
.html-block-full-width {
	width: 100vw;
	margin-left: -20px;
	margin-right: -20px;
}
div:has(.html-block-full-width) {
	padding: 0;
}

/* block the message about using the mobile app */
.heading-error-message h3 {
  display: none;
}
