@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css");

@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');

body {
  font-family: "Neptune Light", "Quicksand", "Verdana";
  font-size: 16px;
}

/* Clickability fix for selector on sm devices */
@media (min-width: 768px) and (max-width: 991px) {
  article h1:first-of-type:before {
    height: 0;
    margin-top: 0;
  }  
}

#search {
  border: none;
}

.fa-code {
  font-size: 19px;
}

.sidetoc,
body .toc,
.sidefilter,
.sidetoggle { 
  background-color: #fff; 
}

.sidenav,
.toc-toggle {
  padding: 0;
}

.sidetoggle {
  padding-bottom: 15px;
}

/* Remove center align from Navbar and Collapsible section */
.collapse.in,
.collapsing {
  text-align: unset;
}

@media (min-width: 768px) {
  .sidetoc, .sidefilter {
    margin-left: -15px;
  }
  .article.grid-right {
    margin-left: 315px;
  }
}

@media (max-width: 767px) {
  .navbar-collapse {
    text-align: center !important;
  }

  .navbar-collapse li .active {
    border-radius: 20px;
  }
}

.alert {
  border: 0px;
  font-family: "Neptune Medium";
}

.alert-danger.CAUTION {
  color: #fff;
  background-color: #6A0040;
}

.alert-danger.CAUTION b, .alert-danger.CAUTION optgroup, .alert-danger.CAUTION strong, .alert-danger.CAUTION button, .alert-danger.CAUTION a {
  color: #FF671E;
}

.alert-danger.IMPORTANT {
  color: #fff;
  background-color: #AA4628;
}

.alert-danger.IMPORTANT b, .alert-danger.IMPORTANT optgroup, .alert-danger.IMPORTANT strong, .alert-danger.IMPORTANT button, .alert-danger.IMPORTANT a {
  color: #1B212E;
}

.alert-info.TIP {
  color: #fff;
  background-color: #B39C4D;
}

.alert-info.TIP b, .alert-info.TIP optgroup, .alert-info.TIP strong, .alert-info.TIP button, .alert-info.TIP a {
  color: #1B212E;
}

.alert-info.NOTE {
  color: #464F57;
  background-color: #CED0D0;
}

.alert-info.NOTE b, .alert-info.NOTE optgroup, .alert-info.NOTE strong, .alert-info.NOTE button, .alert-info.NOTE a {
  color: #1B212E;
}

.alert-warning.WARNING {
  color: #fff;
  background-color: #FF671E;
}

.alert-warning.WARNING b, .alert-warning.WARNING optgroup, .alert-warning.WARNING strong, .alert-warning.WARNING button, .alert-warning.WARNING a {
  color: #6A0040;
}

/* Collapsible Sections
   ------------------------------------------------------- */
.expander:after {
    font-family: 'Glyphicons Halflings';
    content: "\e260";
    margin-left: 5px;
    color: grey;
    font-size: small;
}

.expander.collapsed:after {
    content: "\e259";
}

/* Floating buttons
   ------------------------------------------------------- */
.fab {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 11px 0 0 0;
    border: none;
    outline: none;
    color: #FFF;
    border-radius: 100%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition:.3s;
}

.fab + .fab {
  margin-right: 15px;
}

.contribution-panel {
    z-index: 1000;
    position: fixed;
    right: 62px;
    top: 70px;
}

.affix h5 {
  padding-left: 0px;
  text-transform: none;
  margin-bottom: 10px;
  font-size: 1em;
}
.affix > ul > li > a:before {
	content: '';
}
.affix ul ul > li > a:before {
	content: '';
}
.affix ul > li > a {
	color: #545859;
	border-left: 2px solid transparent;
}
.affix ul > li > a:hover,
.affix ul > li.active > a,
.affix ul > li > a:focus {
	color: #B39C4D;
	text-decoration: none;
	background-color: transparent;
	border-left-color: #B39C4D;
}
.affix ul > li.active > ul,
.affix ul > li.active > a:before,
.affix ul > li > a:hover:before {
	white-space: normal;
}

/* Navbar Hamburger
   ------------------------------------------------------- */
.icon-bar {
    transition: 0.4s;
}

/* Rotate first bar */
.change .icon-bar:nth-of-type(2) {
    transform: rotate(-45deg) translate(-4px, 5px) ;
}

/* Fade out the second bar */
.change .icon-bar:nth-of-type(3) {
    opacity: 0;
}

/* Rotate last bar */
.change .icon-bar:nth-of-type(4) {
    transform: rotate(45deg) translate(-4px, -5px) ;
}

/* Custom Navbar
   ------------------------------------------------------- */
.navbar-inverse {
  background-color: #318f7c;
  opacity: 0.95;
  border-color: #02735f;
}
.navbar-inverse .navbar-brand {
  color: #ffffff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ecdbff;
}
.navbar-inverse .navbar-text {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ecdbff;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ecdbff;
  background-color: #02735f;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ecdbff;
  background-color: #02735f;
}
.navbar-inverse .navbar-toggle {
  border-color: #02735f;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #02735f;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border: none;
}
.navbar-inverse .navbar-link {
  color: #ffffff;
}
.navbar-inverse .navbar-link:hover {
  color: #ecdbff;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ecdbff;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ecdbff;
    background-color: #02735f;
  }
}

/* cosmo */

.col-md-10 {
  padding-left: 0px;
}

@media (min-width: 992px) {
	.col-md-10 {
    width: 79%;
    /* margin-left: 35px;
    padding-top: 7px; */
  }
  .col-md-2 {
    width: 15%;
  }
  .article {
    margin-top: 72px;
  }
}

@media (min-width: 770px) {
  .container, .container-fluid {
    padding-left: 53px;
    padding-right: 53px;
  }
}
.toc .nav > li > a {
	color: #545859;
}
.toc .nav > li.active > a {
	color: #545859;
	font-weight: bold;
}
.toc .level1 > li {
	font-weight: normal;
}
.toc .level2 {
	font-size: 1em;
	margin: 0px 0 0 10px;
}
.toc ul {
	font-size: 1em;
	margin: 1px 0 0 10px;
}
.toc .nav > li.active > a:hover, .toc .nav > li.active > a:focus {
	color: #545859;
}
.toc .level1 > li {
  margin: 2px;
}
.toc li {
  margin-top: 2px;
  padding: 2px
}
.toc .nav > li > ul {
  margin-top: 2px;
}

@media (min-width: 770px) {
  .sidetoc, .sidefilter {
    margin-top: 10px;
    width: 300px;
    padding-right: 0px;
  }
}
.sidetoc, .sidefilter {
  border-left: 0px;
  border-right: 0px;
}
.toc-filter {
	border-radius: 0px;
  box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
  margin-right: 0px;
}


b, optgroup, strong {
	color: #B39C4D;
}
.btn-warning, .btn-warning:visited {
  color: #fff;
  background-color: #1B212E;
}
.btn-warning:hover {
  background-color: #151515 !important;
}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover {
  background-color: #151515 !important;
  color: #fff;
}
.btn-warning.active, .btn-warning:active, .btn-warning:hover, .open>.dropdown-toggle.btn-warning {
  background-color: #151515 !important;
  color: #fff;
}
.sideaffix {
	margin-top: 17px;
	/* width: 12%; */
}
.breadcrumb {
	padding-left: 6px;
}
.breadcrumb > li + li:before {
  content: "\3e";
  color: #B39C4D;
  font-weight: bold;
  padding: 0 5px 0 0;
}
.breadcrumb > li {
  padding: 0 5px 0 0;
}
.form-control {
  border-radius: 0px;
}
.navbar-default {
  border: 0px;
}
.ms-Callout-main h3 {
	font-size: 1.2em;
}
.col-md-10 a:not(.anchorjs-link) {
  text-decoration: underline;
}
.anchorjs-link {
  padding-left: 5px;
}
.mark, mark {
  padding: 0px;
}
@media (max-width: 767px) {
  #search-results {
    margin-top: 0px;
  }
}

.expand-stub {
  font-family: 'Glyphicons Halflings';
  font-size: .7em;
  margin-top: 4px;
}

.toc .nav > li.active > .expand-stub::before,
.toc .nav > li.in > .expand-stub::before,
.toc .nav > li.in.active > .expand-stub::before,
.toc .nav > li.filtered > .expand-stub::before {
    content: "\e259";
}

.toc .nav > li > .expand-stub::before,
.toc .nav > li.active > .expand-stub::before {
    content: "\e258";
}

@media only screen and (max-width: 768px) {
	.toc li:after {
		content: "";
		display: none;
	}
	.toc .nav > li, .toc .nav > li >a {
		display: block;
	}

	.navbar-nav > li > a {
		padding-left: 10px;
	}

	.navbar-collapse {
		padding-left: 15px;
	}

	.sidenav {
		padding: 0px;
		background-color: #fff;
	}

	.toc-toggle {
		color: #545859;
		font-weight: bold;
	}
}

.footer a, .footer a:hover, .footer a:visited {
  color: #fff;
}

article h3 {
  margin-top: 25px;
  margin-bottom: 10px;
  font-weight: bold;
}

blockquote {
  padding: 2px 20px;
  margin: 0 0 10px;
  font-size: 1em;
  border-left: 3px solid #B39C4D;
}

ul {
  list-style-type: square;
  padding-left: 25px;
  /* color: #B39C4D; */
}

blockquote ul {
  padding-left: 10px;
}

h4, h5, h6 {
  font-size: 1em;
}