/********************************************
 * Overrides of Bootstrap normals           *
 * (that we aren't overriding in gmcl.scss) *
 ********************************************/
code {
	background-color: #f8f9fa;
	color: #145d33;
}
li.nav-item.active {
	background-color: #e7e7e7;
}
pre {
	background-color: #f5f5f5;
}
.sidebar-nav {
	padding: 9px 0;
}
/* Special handling at sizes above lg collapse point */
@media (min-width: 992px) {
	/* Space the nav items out a bit more */
	.nav-item {
		padding-left: .54rem;
		padding-right: .54rem;
	}
}
/* Special handling at sizes above md collapse point */
@media (min-width: 768px) {
	/* Center the quicklinks contents within their columns when they're above the point at which they take up an entire row */
	.gmcl-quicklinks-contents {
			margin-left: auto;
			margin-right: auto;
		}
}

/* Pilfered from https://scotch.io/bar-talk/different-tricks-on-how-to-make-bootstrap-columns-all-the-same-height */
/* Here first is a more tame variant */
/*.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}*/
/* And here's the uglier but more complete version, spit out by a preprocessor */
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-moz-box-direction: normal;
	-moz-box-orient: vertical;
	-ms-box-direction: normal;
	-ms-box-orient: vertical;
    -webkit-box-orient: vertical;
	-webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


/***********************************
 * Special GMCL element variations *
 ***********************************/
.gmcl-unit {
	box-sizing: border-box;
  padding: 22px;
  margin-bottom: 10px;
  line-height: 20px;
  color: inherit;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.gmcl-unit h1 {
	color: inherit;
	font-size: 40px;
	letter-spacing: -1px;
	line-height: 1;
	margin-bottom: 0;
}
.gmcl-unit li {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 3px;
	margin-top: 3px;
}
.gmcl-unit ul {
  margin-top: 10px;
  -webkit-padding-start: 30px;
}
.gmcl-fullrow {
	margin-left: 1em;
}
.col-ckm-left-align {
	padding-left: 0px;
}
.gmcl-navbar {
	margin-bottom: 1rem;
	padding-bottom: 0;
	padding-top: 0;
}

/* A tiny spacer */
.gmcl-spacer {
	box-sizing: border-box;
	display: block;
	float: left;
	min-height: 1px;
	min-width: 5px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	width: 4.16%;
}

/* Same-size buttons for the sake of CDO and the extra text */
.btn-gmcl {
	height: 4.5rem;
	margin: 0.3rem;
	margin-top: 0.5rem;
	width: 15rem;
}
.btn-gmcl-header {
	font-size: 1.2rem;
}
.btn-gmcl-subtext {
	font-family: 'Muli-Light', sans-serif;
	font-size: 1rem;
}
.btn-gmcl-div-ckm {
	line-height: 0.3em;
}


/***********************************
 * GMCL branding and theming fonts *
 ***********************************/

/* Primary DBDOC brand. Mainly for H3 and up. */
.gmcl-brand {
	font-family: 'Michroma', 'Muli-Light', sans-serif;
	white-space: nowrap;
}

/* Alternate for when we actually *do* want to wrap text */
.gmcl-brand-wrap {
	font-family: 'Michroma', 'Muli-Light', sans-serif;
}

/* Companion thin font */
.gmcl-brand-k {
	font-family: 'Muli-Light', sans-serif;
	white-space: nowrap;
}

/* Fainter variant of .gmcl-brand-k for the bottom copyright scrawl */
.copyright {
	color: #bdc3c7;
	font-family: 'Muli-Light', sans-serif;
	line-height: 1;
}

/* Continuing my love of Vernon Adams */
.gmcl-mono {
	font-family: 'Oxygen Mono', monospace;
}

/* Fulfills these emailed requests: "I think the titles should come first.  My eye gets completely bogged down in the dates when scanning" "I'd also make the font a touch smaller than the regular font" */
.ckm-eyes-bogged {
	/*color: #3d95dd;*/ /* As much lighter than the default as normal hover is darker */
	font-size: 85%; /* Same as Bootstrap <small> */
	white-space: nowrap;
}


/*******************
 * Category Colors *
 *******************/

/* About */
.icon-about {
	color: #2980b9;
}
.nav > li:hover .icon-about,
a:hover .icon-about {
	color: #184d6e;
}
.btn-about {
	background-color: #2980b9;
	border-color: #2980b9;
}
.btn-about:hover,
.btn-about:focus {
  background-color: #184d6e;
  background-position: 0 -15px;
}

/* Contact */
/*.icon-contact {
	color: #5545a8;
}
.btn-contact {
	background-color: #5545a8;
	border-color: #5545a8;
}*/

/* Download */
.icon-download {
	color: #186e3c;
}
.nav > li:hover .icon-download,
a:hover .icon-download {
	color: #0d3a1f;
}
.btn-download {
	background-color: #186e3c;
	border-color: #186e3c;
}
.btn-download:hover,
.btn-download:focus {
  background-color: #0d3a1f;
  background-position: 0 -15px;
}

/* Help */
.icon-help {
	color: #fdbc4b;
}
.nav > li:hover .icon-help,
a:hover .icon-help {
	color: #dca340;
}
.btn-help {
	background-color: #fdbc4b;
	border-color: #fdbc4b;
}
.btn-upload:hover,
.btn-upload:focus {
	background-color:#dca340;
	background-position: 0 -15px;
}

/* Upload */
.icon-upload {
	color: #592a6e;
}
.nav > li:hover .icon-upload,
a:hover .icon-upload {
	color: #24112d;
}
.btn-upload {
	background-color: #592a6e;
	border-color: #592a6e;
}
.btn-upload:hover,
.btn-upload:focus {
  background-color: #24112d;
  background-position: 0 -15px;
}


/**********************
 * Other Icon Theming *
 **********************/

.icon-emphasis {
	color: #3daee9;
}

.icon-pdf {
	color: #ae2323;
}
a:hover .icon-pdf {
	color: #6e1616;
}

/* For adding some color rather than just using font-awesome */
.inline-icon {
	height: 1em;
}
.inline-icon-s {
	height: 1em;
	vertical-align: top;
}
.inline-icon-c {
	background-color: #FFFFFF;
	background-position: center;
	border-radius: 50%;
	height: 1em;
	width: 1em;
	position: relative;
	border-radius: 50%;
	vertical-align: top;
}


/******************************************************
 * Vain efforts to style the help sections reasonably *
 ******************************************************/
.collapsibleList, .list-learn, .tree, .tree-parent, .help-sidebar ul  {
	display: inline-block;
	list-style: outside url('../images/breeze/icons/actions/16/choice-rhomb.svg');
	padding-left: 16px;
	-moz-padding-start: 16px;
	-webkit-padding-start: 16px;
}
.collapsibleListClosed {
	list-style: outside url('../images/coldwind/list-add.svg');
}
.collapsibleListOpen {
	list-style: outside url('../images/coldwind/list-remove.svg');
}
.collapsibleListOther, .collapsibleList .last {
	list-style: outside url('../images/breeze/icons/actions/16/choice-rhomb.svg');
}
.collapsibleList li .selected, .list-learn .active a {
	color: #dca340;
}

/*****************
 * The Lost Boys *
 *****************/

/* Used by content/training-workshop.html and maybe nothing else */
.topic {
	margin-bottom: 2em;
	margin-top: 2em;
}

/* Used by content/about-dbdoc-supported-files.html and maybe nothing else */
.table-header {
	font-weight: bold;
}

/* Used by content/testimonials.html and maybe nothing else */
.sig {
	margin-bottom: 1em;
	margin-left: 2em;
}

/* Used in the about-*.php pages */
.sidebar {
	border-right: 1px solid #eee; /* Same border as the hr above the footnote */
}