/* Brand Colors from _brand.yml */
:root {
  --brand-primary: #FF6F20; /* primary (orange) */
  --brand-success: #28A745; /* success (green) */
  --brand-warning: #FFC107; /* warning (yellow) */
  --brand-danger: #FF3D7F; /* danger (pink) */
  --brand-neutral-light: #DADADA;
  --brand-neutral-border: #ccc;
}

/* -- Change font to Open Sans througout body --*/
body{
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

/*-- Floating TOC Styling --*/
#TOC {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin-top: 100px;
  color: var(--brand-primary);
}

.tocify .tocify-item a,
.tocify .list-group-item {
  padding: 5px;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  color: white;
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}


/*-- Hyperlink Styling --*/
a {
  color: var(--brand-primary);
  text-decoration: none;
  font-weight: bold;
}

a:hover,
a:focus {
  color: var(--brand-danger);
  text-decoration: underline;
}

/*-- Tabset Styling --*/
.nav{
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.nav-tabs>li>a {
  color: var(--brand-primary);
  background: var(--brand-neutral-light);
  border: 1px solid var(--brand-neutral-border);
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  display: block;
  padding: 10px 15px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  background: var(--brand-success);
  color: white;
  border: 1px solid var(--brand-neutral-border);
  border-bottom: transparent;
  cursor: default;
}

/*-- Header Styling --*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  line-height: 1.1;
  color: var(--brand-primary);
}

/*-- Block Quotes --*/
blockquote {
  font-size: 16px;
  border-left: 5px solid #DADADA;
}

/*-- Adding White Space --*/
.section h1 {
  margin-top: 2.75em !important;
  margin-bottom: 0.75em;
}

.section h2,
.section h3,
.section h4,
.section h5 {
  padding-top: 1.5em !important;
  margin-bottom: 0.75em;
}

