:root{

    --ixblue-color: #0095D5; /* iX Blue color */
	--slate-color: #7c7d81; /* Slate grey color */
	--rose-color: #cb2c41; /* Rose red color */
	--body-background: #404143; /* New TrueNAS.com Dark Color */
	--body-font-color: #ffffff; /* New TrueNAS.com Font Color */
    --graphite-color: #1f1f1f;
	--bone-color: #fafafa;
	--black-color: #000000;
	--white-color: #ffffff;
	--marketing-accent-blue: #00597F;
	--marketing-accent-white: #f1f0f0;
    --blue: #72A1E5;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #BA5A31;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --gray: #888;
    --gray-dark: #333;
    --secondary: #666666;
    --success: #3772FF;
    --info: #C0E0DE;
    --warning: #ED6A5A;
    --danger: #ED6A5A;
    --light: #D3F3EE;
    --dark: #403F4C;
}

/* begin css for search stuff and results */
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: block;
	max-width: 276px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: 0.875rem;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
}

.popover .arrow {
	position: absolute;
	display: block;
	width: 1rem;
	height: 0.5rem;
	margin: 0 0.3rem;
}
  
  .popover .arrow::before, .popover .arrow::after {
	position: absolute;
	display: block;
	content: "";
	border-color: transparent;
	border-style: solid;
  }
  
  .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
	margin-bottom: 0.5rem;
  }
  
  .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
	bottom: calc((0.5rem + 1px) * -1);
  }
  
  .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
  .bs-popover-top .arrow::after,
  .bs-popover-auto[x-placement^="top"] .arrow::after {
	border-width: 0.5rem 0.5rem 0;
  }
  
  .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
	bottom: 0;
	border-top-color: rgba(0, 0, 0, 0.25);
  }
  
  
  .bs-popover-top .arrow::after,
  .bs-popover-auto[x-placement^="top"] .arrow::after {
	bottom: 1px;
	border-top-color: #fff;
  }
  
  .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
	margin-left: 0.5rem;
  }
  
  .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
	left: calc((0.5rem + 1px) * -1);
	width: 0.5rem;
	height: 1rem;
	margin: 0.3rem 0;
  }
  
  .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
  .bs-popover-right .arrow::after,
  .bs-popover-auto[x-placement^="right"] .arrow::after {
	border-width: 0.5rem 0.5rem 0.5rem 0;
  }
  
  .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
	left: 0;
	border-right-color: rgba(0, 0, 0, 0.25);
  }
  
  
  .bs-popover-right .arrow::after,
  .bs-popover-auto[x-placement^="right"] .arrow::after {
	left: 1px;
	border-right-color: #fff;
  }
  
  .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
	margin-top: 0.5rem;
  }
  
  .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
	top: calc((0.5rem + 1px) * -1);
  }
  
  .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
  .bs-popover-bottom .arrow::after,
  .bs-popover-auto[x-placement^="bottom"] .arrow::after {
	border-width: 0 0.5rem 0.5rem 0.5rem;
  }
  
  .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
	top: 0;
	border-bottom-color: rgba(0, 0, 0, 0.25);
  }
  
  
  .bs-popover-bottom .arrow::after,
  .bs-popover-auto[x-placement^="bottom"] .arrow::after {
	top: 1px;
	border-bottom-color: #fff;
  }
  
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 1rem;
	margin-left: -0.5rem;
	content: "";
	border-bottom: 1px solid #f7f7f7;
  }
  
  .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
	margin-right: 0.5rem;
  }
  
  .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
	right: calc((0.5rem + 1px) * -1);
	width: 0.5rem;
	height: 1rem;
	margin: 0.3rem 0;
  }
  
  .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
  .bs-popover-left .arrow::after,
  .bs-popover-auto[x-placement^="left"] .arrow::after {
	border-width: 0.5rem 0 0.5rem 0.5rem;
  }
  
  .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
	right: 0;
	border-left-color: rgba(0, 0, 0, 0.25);
  }
  
  
  .bs-popover-left .arrow::after,
  .bs-popover-auto[x-placement^="left"] .arrow::after {
	right: 1px;
	border-left-color: #fff;
  }
  
  .popover-header {
	padding: 0.5rem 0.75rem;
	margin-bottom: 0;
	font-size: 1rem;
	color: inherit;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-top-left-radius: calc(0.3rem - 1px);
	border-top-right-radius: calc(0.3rem - 1px);
  }
  
  .popover-header:empty {
	display: none;
  }
  
  .popover-body {
	padding: 0.5rem 0.75rem;
	color: #212529;
  }

.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
}

.card > hr {
	margin-right: 0;
	margin-left: 0;
  }

  .card > .list-group:first-child .list-group-item:first-child {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
  }

  .card > .list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
  }

  .card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
  }

  .card-title {
	margin-bottom: 0.75rem;
  }

  .card-subtitle {
	margin-top: -0.375rem;
	margin-bottom: 0;
  }

  .card-text:last-child {
	margin-bottom: 0;
  }

  .card-link:hover {
	text-decoration: none;
  }

  .card-link + .card-link {
	margin-left: 1.25rem;
  }

  .card-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	background-color: var(--slate-color);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  }

  .card-header > a {
	  text-decoration: underline;
	  color: white;
  }

  .card-header:first-child {
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
  }

  .card-header + .list-group .list-group-item:first-child {
	border-top: 0;
  }

  .card-footer {
	padding: 0.75rem 1.25rem;
	background-color: rgba(0, 0, 0, 0.03);
	border-top: 1px solid rgba(0, 0, 0, 0.125);
  }

  .card-footer:last-child {
	border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
  }

  .card-header-tabs {
	margin-right: -0.625rem;
	margin-bottom: -0.75rem;
	margin-left: -0.625rem;
	border-bottom: 0;
  }

  .card-header-pills {
	margin-right: -0.625rem;
	margin-left: -0.625rem;
  }

  .card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
  }

  .card-img {
	width: 100%;
	border-radius: calc(0.25rem - 1px);
  }

  .card-img-top {
	width: 100%;
	border-top-left-radius: calc(0.25rem - 1px);
	border-top-right-radius: calc(0.25rem - 1px);
  }

  .card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(0.25rem - 1px);
	border-bottom-left-radius: calc(0.25rem - 1px);
  }

  .card-deck {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
  }

  .card-deck .card {
	margin-bottom: 15px;
  }

  @media (min-width: 576px) {
	.card-deck {
	  -ms-flex-flow: row wrap;
	  flex-flow: row wrap;
	  margin-right: -15px;
	  margin-left: -15px;
	}
	.card-deck .card {
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex: 1 0 0%;
	  flex: 1 0 0%;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  margin-right: 15px;
	  margin-bottom: 0;
	  margin-left: 15px;
	}
  }

  .card-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
  }

  .card-group > .card {
	margin-bottom: 15px;
  }

  @media (min-width: 576px) {
	.card-group {
	  -ms-flex-flow: row wrap;
	  flex-flow: row wrap;
	}
	.card-group > .card {
	  -ms-flex: 1 0 0%;
	  flex: 1 0 0%;
	  margin-bottom: 0;
	}
	.card-group > .card + .card {
	  margin-left: 0;
	  border-left: 0;
	}
	.card-group > .card:first-child {
	  border-top-right-radius: 0;
	  border-bottom-right-radius: 0;
	}
	.card-group > .card:first-child .card-img-top,
	.card-group > .card:first-child .card-header {
	  border-top-right-radius: 0;
	}
	.card-group > .card:first-child .card-img-bottom,
	.card-group > .card:first-child .card-footer {
	  border-bottom-right-radius: 0;
	}
	.card-group > .card:last-child {
	  border-top-left-radius: 0;
	  border-bottom-left-radius: 0;
	}
	.card-group > .card:last-child .card-img-top,
	.card-group > .card:last-child .card-header {
	  border-top-left-radius: 0;
	}
	.card-group > .card:last-child .card-img-bottom,
	.card-group > .card:last-child .card-footer {
	  border-bottom-left-radius: 0;
	}
	.card-group > .card:only-child {
	  border-radius: 0.25rem;
	}
	.card-group > .card:only-child .card-img-top,
	.card-group > .card:only-child .card-header {
	  border-top-left-radius: 0.25rem;
	  border-top-right-radius: 0.25rem;
	}
	.card-group > .card:only-child .card-img-bottom,
	.card-group > .card:only-child .card-footer {
	  border-bottom-right-radius: 0.25rem;
	  border-bottom-left-radius: 0.25rem;
	}
	.card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
	  border-radius: 0;
	}
	.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
	.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
	.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
	.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
	  border-radius: 0;
	}
  }

  .card-columns .card {
	margin-bottom: 0.75rem;
  }

  @media (min-width: 576px) {
	.card-columns {
	  -webkit-column-count: 3;
	  -moz-column-count: 3;
	  column-count: 3;
	  -webkit-column-gap: 1.25rem;
	  -moz-column-gap: 1.25rem;
	  column-gap: 1.25rem;
	  orphans: 1;
	  widows: 1;
	}
	.card-columns .card {
	  display: inline-block;
	  width: 100%;
	}
  }

  .accordion .card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 0;
	border-radius: 0;
  }

  .accordion .card:not(:first-of-type) .card-header:first-child {
	border-radius: 0;
  }

  .accordion .card:first-of-type {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
  }

  .accordion .card:last-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
  }

.td-search-input {
	padding: auto;
	margin: 0 auto;
}
.text-muted {
	color: #6c757d !important;
  }
/* end css for search stuff and results */

/* ########################################################################################################### */
/* docs css */
/* ########################################################################################################### */

/* Site header */
.iconsbar {
	background: #000;
	text-align: right !important;
	max-width: 100% !important;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  padding-right: 1em;  
}
.iconsbar a {
	color: #fff;
}
.iconsbar a:visited {
	color: #fff;
}
/* Sticky top menu */
.sticky {
  position: fixed;
  top: 0;
  left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
  margin: 0 auto;
  width: 100%;
  padding-left: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.stickyelement {
    
	background: black;
}
.truenas-menubar {
	float: right;
  padding-top: 1.3rem;
	display: flex;
	margin-left: 1rem;
  max-width: 100%;
  font-family: "din-2014";
  font-weight: 500;
  color: white;
}
.truenas-menubar a:visited {
color: white;
}
/* Remove stickybar for small screens and use default GeekDoc menu */
@media screen and (max-width:39rem) {
	.stickyelement {
		display: none;
	}
}
/* End sticky top menu */

.gdoc-header {
	background: #000000;
    
    font-family:Metropolis,sans-serif

    h1,h2,h3,h4,h5,h6{font-weight:400;display:flex;align-items:center}
    h4,h5,h6{font-size:1rem!important}
    img{vertical-align:middle}
    line-height: 1;
      position: fixed;
  top: 0;
  left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
  margin: 0 auto;
  width: 100%;
  padding-left: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.truenas-link-area{
	background: #ffffff;
    font-family:Metropolis,sans-serif
    line-height: 1;  
    color: white;
}

.truenas-menuitem {
    color: white;
}
.truenas-menubutton {
	background-color: #000;
	color: white;
	padding: 13px;
	border: none;
  font-family: "din-2014";
  font-weight: normal;
  font-size: 19px;
  color: #fff;
}
.truenas-menubutton:hover {
  color: #31beec;
}

.truenas-menubutton,.truenas-menubutton a {color:#black;cursor:pointer;}
.truenas-menulink {
	background-color: #000;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
}
.truenas-menulink a {color:#black;}
.truenas-menudropdown {
	display: none;
    color: white;
	position: absolute;
	background-color: #0095d5;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 10;
}
.truenas-menudropdown a {
	font-family: "din-2014";
  font-weight: 500;
  font-size: 19px;
  color: white;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.truenas-menudropdown a:hover {color: #bbb;}
.truenas-menuitem:hover .truenas-menudropdown {display: block;}
.truenas-menuitem:hover .truenas-menubutton {background-color: #000000;color:#31beec;}
.truenas-menuitem:hover .truenasdownload-menudropdown {display: block;}
.truenas-downloadbutton {
 
  background:#71bf44;
  color: white;
  padding: 13px;
  border: none;
  font-family: "din-2014";
  font-weight: normal;
  font-size: 19px;
 }
.truenas-downloadbutton:hover {
  background-color: #71bf44;
}
.truenas-downloadbutton a {
  font-family: "din-2014";
  font-weight: normal;
  font-size: 19px;
  color:#00597f;
}
.truenas-downloadbutton a:hover {
  color: #71bf44;
  text-decoration: none;
}

.truenasdownload-menudropdown {
	display: none;
	position: absolute;
	background-color: #71bf44;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 10;
}
.truenasdownload-menudropdown a {
	font-family: "din-2014";
  font-weight: 500;
  font-size: 19px;
  color: white;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.truenas-menudropdown {
	display: none;
	position: absolute;
	background-color: #0095d5;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 10;
}

.truenasdownload-menudropdown a {
	font-family: "din-2014";
  font-weight: 500;
  font-size: 19px;
  color: white;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

/* Nested Menu items */
.nested-menubutton {
  font-family: "din-2014";
  font-weight: 500;
  font-size: 19px;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  border: none;
  background-color: #0095d5;;
}
.truenas-nested-menudropdown {
  display: none;
  position: absolute;
  background-color: #0095d5;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10;
  margin-top: -.5em;
  margin-left: -1.5em;
}
.nested-menubutton:hover + .truenas-nested-menudropdown {display: block;}
.truenas-nested-menudropdown:hover {
}

.truenas-nested-menudropdown a {
  font-family: "din-2014";
  font-weight: 500;
  font-size: 19px;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.nested-menubutton a {
  margin-left: 2rem;

}

/* End site header */
/* Site footer */
.gdoc-footer {
background: #000000;
  color: #8e8e8e;
  max-width: 100%; !important
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%; !important
  padding-left: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.gdoc-footer__link {
	color: #23afe4;
}
.gdoc-footer__link:visited {
	color: #23afe4;
}
.gdoc-footer__item{
  padding-left: .5rem;
}
.footer-icons {
  display: flex;
  float: right;
  color: white;
}




/* End site footer */
/* geekdoc css */

.flex-wrap{flex-wrap:wrap}
.flex-grid{flex-direction:column;border:1px solid #e9ecef;border-radius:.15rem}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.align-center{align-items:center}
.mx-auto{margin:0 auto}
.text-center{text-align:center}
.container{width:100%;max-width:80rem;margin:0 auto;}

.icon{display:inline-block;width:1em;height:1em;top:.125em;stroke-width:0;stroke:currentColor;fill:currentColor;position:relative}

html{font-size:16px;letter-spacing:.33px;scroll-behavior:smooth;margin:0 auto;vertical-align:middle;justify-content:center;align-content:center;align-items:center;}
body,html{max-width:80rem;min-width:20rem;overflow-x:hidden;margin:0 auto;vertical-align:middle;justify-content:center;align-content:center;align-items:center;}
body{color:#343a40;
	background:var(--body-background);
    font-weight:400;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    box-sizing:border-box;margin-top: 150px;}
body *{box-sizing:inherit;}
    
h4,h5,h6{font-size:1rem!important}
a{text-decoration:none;color:#0a539a}
a:hover{text-decoration:underline}
a:visited{color:#7749bf}img{vertical-align:middle}
gdoc-header__link,.gdoc-header__link:visited{color:white}
.gdoc-header__link:hover{text-decoration:none}
.gdoc-footer__link:visited {color: white;}
.gdoc-header .icon{width:2rem;height:2rem}
.gdoc-brand{font-size:2rem}
.gdoc-brand__img{
    display:inline-block;
    width: 300px;
}
/* Resize images */
.gdoc-brand__img img {
    display:inline-block;
    width: 100%;
    height: auto;
}
.gdoc-nav{flex:0 0 16rem;font-size:.875rem}
.gdoc-nav nav{width:16rem;padding:1rem 2rem 1rem 0}
.gdoc-nav nav>ul>li>*{font-weight:400}
.gdoc-nav nav>:first-child{margin-top:0}
.gdoc-nav__control{display:none;margin:0;padding:0}
.gdoc-nav__control .icon.gdoc_menu{display:inline-block}
.gdoc-nav__control .icon.gdoc_arrow_back{display:none}
.gdoc-nav__list{padding-left:1em;margin:0;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.gdoc-nav__list ul{padding-left:1rem}
.gdoc-nav__list li{margin:.5rem 0}.gdoc-nav__list .icon{margin-right:.25rem}
.gdoc-nav__toggle{display:none}
.gdoc-nav__toggle~label{cursor:pointer}
.gdoc-nav__toggle~label .icon{font-size:.7rem}.gdoc-nav__toggle:not(:checked)~label .icon.gdoc_keyborad_arrow_down,.gdoc-nav__toggle:not(:checked)~ul{display:none}
.gdoc-nav__toggle:not(:checked)~label .icon.gdoc_keyborad_arrow_left{display:block}
.gdoc-nav__toggle:checked~label .icon.gdoc_keyborad_arrow_down,.gdoc-nav__toggle:checked~ul{display:block}
.gdoc-nav__toggle:checked~label .icon.gdoc_keyborad_arrow_left{display:none}
.gdoc-nav--main>ul>li>label,.gdoc-nav--main>ul>li>label>a,.gdoc-nav--main>ul>li>span,.gdoc-nav--main>ul>li>span>a{font-weight:700}
.gdoc-nav--more{padding-top:.5rem}
.gdoc-nav__entry,.gdoc-search__entry{flex:1;color:#343a40}
.gdoc-nav__entry.is-active,.gdoc-nav__entry:hover,.gdoc-search__entry.is-active,.gdoc-search__entry:hover{text-decoration:underline;-webkit-text-decoration-style:dashed!important;text-decoration-style:dashed!important}
.gdoc-nav__entry:visited,
.gdoc-search__entry:visited{color:#343a40}
.gdoc-page{min-width:20rem;flex-grow:1;padding:1rem 0}

.badge-placeholder{display:inline-block;min-width:4rem}@font-face{font-family:"Liberation Sans";src:url(fonts/LiberationSans-Bold.woff2) format("woff2"),url(fonts/LiberationSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Liberation Sans";src:url(fonts/LiberationSans-BoldItalic.woff2) format("woff2"),url(fonts/LiberationSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Liberation Sans";src:url(fonts/LiberationSans-Italic.woff2) format("woff2"),url(fonts/LiberationSans-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Liberation Sans";src:url(fonts/LiberationSans.woff2) format("woff2"),url(fonts/LiberationSans.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Liberation Mono";src:url(fonts/LiberationMono.woff2) format("woff2"),url(fonts/LiberationMono.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Droid Sans";src:url(fonts/DroidSans.woff2) format("woff2"),url(fonts/DroidSans.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(fonts/Metropolis.woff2) format("woff2"),url(fonts/Metropolis.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GeekdocIcons;src:url(fonts/GeekdocIcons.woff2) format("woff2"),url(fonts/GeekdocIcons.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}body{font-family:"Liberation Sans",sans-serif}
.gdoc-error__title,code{font-family:"Liberation Mono",monospace}a{text-decoration:none;color:#0a539a}a:hover{text-decoration:underline}a:visited{color:#7749bf}img{vertical-align:middle}.fake-link:hover{background-image:linear-gradient(#0a539a,#0a539a);background-position:0 100%;background-size:100% 1px;background-repeat:no-repeat;text-decoration:none}.wrapper{display:flex;flex-direction:column;min-height:100vh}
/* end geekdoc css */

/* Site directory for mobile browsing */
.truenas-mediamenu {
	display: none;
}
@media screen and (max-width:39rem) {
	.truenas-mediamenu {
		display: inline-block;
		position: relative;
	}
	.truenas-menubutton {
		padding: 0px 15px 15px 0px;
	}
	.truenas-mediamenu:hover .truenas-menudropdown {display: block;}
	.truenas-mediamenu:hover .truenas-menubutton {background-color: #ffffff;color: white;}	
}
/* End site directory for mobile browsing */
/* ########################################################################################################### */
/* end docs css */
/* ########################################################################################################### */


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
/*	margin:0; */
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	font-size:100%;
    color: var(--body-font-color);
}

body {
	line-height:1;
	color:#000;
	background:var(--body-background);
}

ol,ul {
	list-style:none
}

table {
	border-collapse:separate;
	border-spacing:0;
	vertical-align:middle
}

caption,th,td {
	text-align:left;
	font-weight:normal;
	vertical-align:middle
}

a img{border:none}

/* icon Font */


/* Public style */
* {
	-webkit-margin-before:0;-webkit-margin-after:0
}

body {
	background:var(--body-background);
	font-family:"Helvetica Neue","Helvetica","Microsoft YaHei","WenQuanYi Micro Hei",Arial,sans-serif;
	font-size:100%;
	/* color:var(--graphite-color); */
}

small {
	font-size:80%
}

sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}

sup {
	top:-.5em;
	padding-left:.3em
}

sub {
	bottom:-.25em
}

a {
	color:var(--ixblue-color);
}
a:active {
	text-decoration: underline;
	color:var(--ixblue-color);
}

a:hover,a:focus {
	outline:0;
	text-decoration: underline;
	-webkit-transition:color 0.25s, background 0.5s;-moz-transition:color 0.25s, background 0.5s;-o-transition:color 0.25s, background 0.5s;-ms-transition:color 0.25s, background 0.5s;transition:color 0.25s, background 0.5s
}

a:hover:before {
	-webkit-transition:color 0.25s, background 0.5s;-moz-transition:color 0.25s, background 0.5s;-o-transition:color 0.25s, background 0.5s;-ms-transition:color 0.25s, background 0.5s;transition:color 0.25s, background 0.5s
}

input:focus {
	outline:none
}

input,button {
	margin:0;
	padding:0;
}

input::-moz-focus-inner,button::-moz-focus-inner {
	border:0;
	padding:0
}

h1 {
	font-size:1.5em
}

.fa {
	display:inline-block;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

.clearfix {
	zoom:1
}

.clearfix:before,.clearfix:after {
	content:"";
	display:table
}

.clearfix:after {
	clear:both
}

::-webkit-input-placeholder {
	color:var(--black-color);
	padding:2px 0 0 4px
}

::-moz-placeholder {
	color:var(--black-color);
	padding:2px 0 0 4px
}

:-ms-input-placeholder {
	color:var(--black-color);
	padding:2px 0 0 4px
}

::-webkit-input-placeholder::before {
	font-family: "Font Awesome 5 Free";
	content: '\f002';
	font-style: normal;
	font-weight: 900;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	padding-right:4px
}

::-moz-placeholder:before {
	font-family: "Font Awesome 5 Free";
	content: '\f002';
	font-style: normal;
	font-weight: 900;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	padding-right:4px
}

:-ms-input-placeholder::before {
	font-family: "Font Awesome 5 Free";
	content: '\f002';
	font-style: normal;
	font-weight: 900;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	padding-right:4px
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
	-webkit-appearance:none
}

::-webkit-search-cancel-button:after {
	font-family: "Font Awesome 5 Free";
	content: '\f00d';
	font-style: normal;
	font-weight: 900;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:var(--black-color);
	padding-right:4px
}

/* css3 animate */
.animated {
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s; 
	padding:0;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0)
	}
	100% {
		opacity:1;
		-ms-filter:none;
		filter:none
	}
}

.fadeIn {
	-webkit-animation-name:fadeIn;
	-moz-animation-name:fadeIn;
	-o-animation-name:fadeIn;
	-ms-animation-name:fadeIn;
	animation-name:fadeIn
}

.fadeOut {
	-webkit-animation-name:fadeOut;
	-moz-animation-name:fadeOut;
	-o-animation-name:fadeOut;
	-ms-animation-name:fadeOut;
	animation-name:fadeOut
}

@-moz-keyframes fadeInDown {
	0%{ 
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
		-webkit-transform:translateY(-20px);
		-moz-transform:translateY(-20px);
		-o-transform:translateY(-20px);
		-ms-transform:translateY(-20px);
		transform:translateY(-20px)
	}
	100% {
		opacity:1;
		-ms-filter:none;
		filter:none;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-o-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0)
	}
}

@-webkit-keyframes fadeInDown {
	0% {
	opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
		-webkit-transform:translateY(-20px);
		-moz-transform:translateY(-20px);
		-o-transform:translateY(-20px);
		-ms-transform:translateY(-20px);
		transform:translateY(-20px)
	}
	100% {
		opacity:1;
		-ms-filter:none;
		filter:none;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-o-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0)}
}

@-o-keyframes fadeInDown {
	0% {
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
		-webkit-transform:translateY(-20px);
		-moz-transform:translateY(-20px);
		-o-transform:translateY(-20px);
		-ms-transform:translateY(-20px);
		transform:translateY(-20px)
	} 
	100% {
		opacity:1;
		-ms-filter:none;
		filter:none;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-o-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0)
	}
}

@-ms-keyframes fadeInDown {
	0% {
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);
		-webkit-transform:translateY(-20px);
		-moz-transform:translateY(-20px);
		-o-transform:translateY(-20px);
		-ms-transform:translateY(-20px);
		transform:translateY(-20px)
	}
	100% {
		opacity:1;
		-ms-filter:none;
		filter:none;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-o-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
		-webkit-transform:translateY(-20px);
		-moz-transform:translateY(-20px);
		-o-transform:translateY(-20px);
		-ms-transform:translateY(-20px);
		transform:translateY(-20px)
	}
	100% {
		opacity:1;
		-ms-filter:none;
		filter:none;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-o-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0)
	}
}



@media only screen and (min-width: 1024px) {
	body >header {
		padding:auto;
	}
}

body >header >div{
	width:95%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

@media only screen and (min-width: 1024px) {
	body >header >div{
	width:93%
	}
}

.search {
	padding:.1em 0 0 1em;
}

.search input {
	line-height:1.8;
	font-size:15px;
	border:2px solid var(--black-color);
	color:var(--black-color);
	background:var(--bone-color);
	width:80%;padding-left:.5em;
}

@media only screen and (min-width: 1024px){
	.search input {
	width:8em;-
	webkit-transition:0.5s width;
	-moz-transition:0.5s width;
	-o-transition:0.5s width;
	-ms-transition:0.5s width;
	transition:0.5s width
	}
	.search input:focus {
	width:15em
	}
}

.search label {
	display:none
}


/* index layout */

#container {
		width:95%;margin:0 auto;overflow:hidden
}


#main {
	margin:1em 0 0;line-height:1.8;
}

@media only screen and (min-width: 1024px) {
	#main {
	margin:2em 0 0;
	width:75%;
	float:left;
	-webkit-transition:margin 0.5s ease-out;
	-moz-transition:margin 0.5s ease-out;
	-o-transition:margin 0.5s ease-out;
	-ms-transition:margin 0.5s ease-out;
	transition:margin 0.5s ease-out;
	}
}

#main section.post {
	background:var(--body-background);margin-bottom:.125em;
}

#main section.post a {
	display:block;
	border-left:.5em solid #ccc;
	-webkit-transition:border-left 0.45s;
	-moz-transition:border-left 0.45s;
	-o-transition:border-left 0.45s;
	-ms-transition:border-left 0.45s;
	transition:border-left 0.45s;
	padding:.5em;
}

@media only screen and (min-width: 768px) {
	#main section.post a{
	padding:1em;
	}
}

#main section.post a:hover {
	border-left:.5em solid var(--ixblue-color);
}

#main section.post a h1 {
	color:var(--body-font-color);
line-height:2;
}

#main section.post a p {
	color:var(--slate-color);
}

#main section.post a time {
	color:var(--slate-color);
	display:block;
	margin:.5em 0;
	font-size:.5em;
}

.moveMain {
	margin-left:10% !important
}

#page-nav {
	background:var(--body-background);
	text-align:center;
	overflow:hidden;
}

#page-nav a,#page-nav span {
	display:inline-block;
	padding:.5em 1em;
}

#page-nav a {
	color:var(--body-background);
}

#page-nav a:hover {
	background:#ccc;
	color:var(--ixblue-color);
}

#page-nav .prev {
	float:left;
	border-left:.5em solid #ccc;
	-webkit-transition:border-left 0.5s;
	-moz-transition:border-left 0.5s;
	-o-transition:border-left 0.5s;
	-ms-transition:border-left 0.5s;
	transition:border-left 0.5s;
}

#page-nav .prev:hover {
	border-left:.5em solid var(--ixblue-color)
}

#page-nav .next {
	float:right
}

#page-nav .page-number {
	display:none;
}

@media only screen and (min-width: 768px) {
	#page-nav .page-number {
	display:inline-block
	}
}

#page-nav .current {
	color:#b8b8b8;
	font-weight:bold
}

#page-nav .space {
	color:var(--body-background)
}

/* page layout */

@media only screen and (min-width: 1024px) {
	.page {
	margin-left:10% !important
	}
}

/* archive layout */

.category-icon:before,.tag-icon:before,.archive-icon:before {
	font-family: "Font Awesome 5 Free";
	font-style: normal;font-weight: 900;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#ccc;
	font-size:100%;
	padding-right:.3em
}

.category-icon:before {
	content:"\f07b"
}

.tag-icon:before {
	content:"\f02c"
}

.archive-icon:before {
	content:"\f187"
}

.archive-title {
	margin:1em 0;
	width:97%;
	padding:2em 0 2em 3%
	background:var(--bone-color);
	border-left:.5em solid #ccc;
}

@media only screen and (min-width: 1024px) {
	.archive-title {
	margin:2em 0;
	width:18.5%;
	padding-left:.5%;
	float:left
	}
}

.archive-title h2 {
	width:90%;
	color:var(--bone-color);
	font-size:120%
}

.archive-title a {
	color:var(--bone-color);
	-webkit-transition:color 0.5s;
	-moz-transition:color 0.5s;
	-o-transition:color 0.5s;
	-ms-transition:color 0.5s;
	transition:color 0.5s;
}

.archive-title a:hover {
	color:var(--ixblue-color);
	-webkit-transition:color 0.5s;
	-moz-transition:color 0.5s;
	-o-transition:color 0.5s;
	-ms-transition:color 0.5s;
	transition:color 0.5s
}

.current {
	color:var(--ixblue-color) !important
}

@media only screen and (min-width: 768px) { 
	.archive-part {
		min-height:200px
	}
} 

@media only screen and (min-width: 1024px) {
	.archive-part{
		width:78% !important;
		float:right;
		margin-left:2% !important
	}
} 

.archive-part section.post{
	width:100%;
}

@media only screen and (min-width: 768px) {
	.archive-part section.post{
		float:left;width:50%
	}
} 

@media only screen and (min-width: 1024px) {
	.archive-part section.post {
		width:33.333%
	}
}

@media only screen and (min-width: 768px) {
	.archive-nav {
		width:100%;float:left;margin-top:1em
	}
}


/* tags&categories layout */

.all-list-box {
	min-height:400px
}

.post,.page {
	background:var(--body-background);
}

.post a,.page a {
	color:var(--ixblue-color);
}

.post a:hover,.page a:hover {
	color:var(--ixblue-color)
}

@media only screen and (min-width: 768px) {
	article header.article-info {
		border-bottom:1px solid #dbdbdb
	}
}

article header.article-info >h1 {
	padding:.2em 3%;
	font-size:170%;
	line-height:1.5;
	word-wrap:break-word;
	word-break:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	border-left:5px solid var(--ixblue-color)
}

@media only screen and (min-width: 1024px) {
	article header.article-info >h1 {
		font-size:200%;
		padding-top:.3em
	}
}

article header.article-info >p.article-author {
	padding:.3em 4% .3em 0;
	text-align:right;
	border-bottom:1px solid #dbdbdb;
}

@media only screen and (min-width: 768px) {
	article header.article-info >p.article-author {
		float:right;
		border-bottom:none
	}
}

article header.article-info >p.article-time {
	padding-top:.5em;
	font-size:.8em;var(--body-background)
	text-align:center;
}

@media only screen and (min-width: 768px) {
	article header.article-info >p.article-time {
		float:right;margin-right:1em;
		padding-top:.1em;
		font-size:.9em
	}
}

article header.article-info >p.article-time:before {
	font-family: "Font Awesome 5 Free";
	content: '\f017';
	font-style: normal;
	font-weight: 900;
	font-size:130%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

article .article-content {
	padding:1.5em 4%;
}

article .article-content .kb {
	padding:.1em .6em;
	border:1px solid #ccc;
	background-color:code-color;
	color: var(--body-font-color);
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px var(--black-color) inset;
	box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px var(--black-color) inset;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	margin:0 .1em;
	text-shadow:0 1px 0 var(--black-color);
	line-height:1.5;
	white-space:nowrap
}

article .article-content h1,article .article-content h2 {
	font-size:180%;
	line-height:1.2em
}

article .article-content h3,article .article-content h4,article .article-content h5,article .article-content h6 {
	font-size:140%
}

article .article-content h1,article .article-content h2,article .article-content h3,article .article-content h4,article .article-content h5,article .article-content h6 {
	color:var(--body-font-color);
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	padding:.3em 0;
	margin:.5em 0;
}

article .article-content h1 >code,article .article-content h2 >code,article .article-content h3 >code,article .article-content h4 >code,article .article-content h5 >code,article .article-content h6 >code {
	color: var(--body-font-color)
}

article .article-content hr {
	border:1px solid var(--body-font-color)
}

article .article-content strong,article .article-content em {
	font-weight:bold
}

article .article-content acronym,article .article-content abbr {
	border-bottom:1px dotted
}

article .article-content blockquote {
	border-left:.2em solid var(--ixblue-color);
	margin:.65em 0 .65em 4%;
	padding-left:1%;
	line-height:1.5;
	font-size:110%;
}

article .article-content blockquote footer {
	background: var(--body-font-color);
	padding:0;
	margin:0;
	font-size:80%;
	line-height:1em
}

article .article-content blockquote cite {
	font-style:italic;
	padding-left:.5em
}

article .article-content ul,article .article-content ol{
	padding-left:2em;
	font-size:105%;
}

@media only screen and (min-width: 768px) {
	article .article-content ul,article .article-content ol {
		padding-left:3em
	}
}

article .article-content ul li {
	list-style:disc;
	text-align:match-parent;
	margin:.5em 0
}

article .article-content ol li {
	list-style-type:decimal;margin:.5em 0
}

article .article-content dl dt {
	font-weight:blod
}

article .article-content ul li>code,article .article-content ol li>code,article .article-content p code,article .article-content strong code,article .article-content em code {
	font-family:Monaco,Menlo,Consolas,Courier New,monospace;
	background:var(--body-background);
	color: var(--body-font-color);
	border:1px solid #d6d6d6;
	padding:0 5px;
	margin:0 2px;
	font-size:90%;
	white-space:nowrap;text-shadow:0 1px var(--black-color)
}

article .article-content p{
	font-size:105%;line-height:1.7;margin:.7em 0;
}

@media only screen and (min-width: 1024px) {
	article .article-content p{
		margin:1.2em 0
	}
}

article .article-content img,article .article-content video,article .article-content figure img{
	max-width:40%;
    align:left;
	display:inline;
	margin:auto;
	height:auto;
	vertical-align:middle;
	padding-top:.5em;
}

@media only screen and (min-width: 1024px) {
	article .article-content img,article .article-content video,article .article-content figure img{
		padding-top:.7em
	}
}

article .article-content figcaption,article .article-content .caption{
	text-align:center;
	display:block;
	font-size:.9em;
	font-weight:blod
}

article .article-content .video-container {
	position:relative;
	padding-top:56%;
	height:0;
	overflow:hidden;
}

article .article-content .video-container iframe,article .article-content .video-container object,article .article-content .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-top:0
}

article .article-content table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

article .article-content table th {
	font-weight:bold;
	border-bottom:3px solid #dbdbdb;
	padding-bottom:.5em
}

article .article-content table td {
	border-bottom:1px solid #dbdbdb;
	padding:10px 0
}

article .article-content .pullquote {
	text-align:left;
	width:45%;
	margin:0;
	border:none
}

article .article-content .left {
	margin-left:.5em;
	margin-right:1em;
	float:left
}

article .article-content .right {
	margin-right:.5em;
	margin-left:1em;
	float:right
}

footer.article-footer {
	background:var(--body-background);
	padding:0 4%;
	margin:0;
	border-top:1px solid #dbdbdb
}

.article-share {
	float:right;width:100%
}

header.article-meta {
	background:var(--body-background);
	padding:0 4%;
	margin:0;
	border-top:1px solid #dbdbdb;
}

.article-share {
	float:right;
	width:100%;
}

@media only screen and (min-width: 568px) { 
	.article-share {
		width:60%
	}
}

@media only screen and (min-width: 768px) {
	.article-share { 
		width:40%
	}
}

.share span { 
	float:right;
	height:3em;
	width:1em;
	margin-right:.5em;
	position:relative;
	color:#d6d6d6;
}

.share span:before { 
	font-family:"FontAwesome";
	content:"\f064";
	font-size:1em;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	width:1.5em;
	height:1.5em;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-.75em;
	margin-left:-.75em
}

.share a { 
	float:right;
	width:3em;
	height:3em;
	display:block;
	position:relative;
}

.share a:before { 
	font-size:100%;
	font-family:"FontAwesome";
	text-align:center;
	color:var(--slate-color);
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	width:1.5em;
	height:1.5em;
	position:absolute;
	top:50%
	left:50%;
	margin-top:-.75em;
	margin-left:-.75em
}

.share a:hover:before {
	color:var(--black-color)
}

.article-share-twitter:before {
	content:"\f099"
}

.article-share-twitter:hover {
	background:#00aced;
	text-shadow:0 1px #008abe
}

.article-share-facebook:before {
	content:"\f09a"
}

.article-share-facebook:hover {
	background:#3b5998;
	text-shadow:0 1px #2f477a
}

.article-share-weibo:before {
	content:"\f18a"
}

.article-share-weibo:hover {
	background:#eb182c;
	text-shadow:0 1px #bf1121
}

.article-share-qrcode:before {
	content:"\f029"
}

.article-share-qrcode:hover {
	ackground:#49ae0f;
	text-shadow:0 1px #3a8b0c
}

.article-back-to-top:before {
	content:"\f062"
}

.article-back-to-top:hover {
	background:#762c54;
	text-shadow:0 1px #5e2343
}

.qrcode {
	width:15em;
	height:15em;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-7.5em;
	margin-left:-7.5em;
	background:var(--black-color);
	border:2px solid #ccc;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	position:fixed;
	text-align:center;
	visibility:hidden;
	z-index:10;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	transition:opacity 0.5s;
}

@media only screen and (min-width: 1024px) {
	.qrcode {
		width:20em;
		height:20em;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-10em;
		margin-left:-10em;
		position:fixed
	}
}

.qrcode span {
	display:block;
	width:80%;
	height:1.5em;
	font-size:80%;
	float:left;
}

.qrcode span:before {
	content:none
}

.qrcode a {
	display:block;
	width:16%;
	height:1.5em;
	float:left
}

.qrcode img {
	width:90%;
	height:90%
}

.qrclose:before {
	font-family:"FontAwesome";
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\f057";
	color:#ccc
}

.qrclose:hover:before {
	color:var(--body-background) !important
}

.overlay {
	display:none !important
}

.overlay:target+.qrcode {
	opacity:1;
	-ms-filter:none;
	filter:none;
	visibility:visible
}

/* Tags,Categories,Products */

.article-tags,.article-categories {
	padding:.5em 0;
	float:left;
	width:100%;
}

@media only screen and (min-width: 568px) {
	.article-tags,.article-categories {
		width:50%
	}
}

@media only screen and (min-width: 768px) {
	.article-tags,.article-categories {
		width:30%
	}
}

.article-tags {
	color:#d6d6d6;
}

.article-tags span {
	position:relative;
	float:left;
	width:1em;
	height:2em;
	margin-right:.5em;
}

.article-tags span:before {
	font-family: "Font Awesome 5 Free";
	content: '\f02c';
	font-style: normal;
	font-weight: 900;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	width:1.2em;
	height:1.2em;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-.6em;
	margin-left:-.6em;
}

.article-tags a {
	float:left;
	padding:0 .3em;
	margin:.3em;
	background:#e6e6e6;
}

.article-tags a:hover {
	color:var(--black-color);
	background:var(--body-background))
}

.article-categories {
	color:#d6d6d6;
	margin-top:.3em;
}

.article-categories span:before {
	font-family: "Font Awesome 5 Free";
	content: '\f07c';
	font-style: normal;font-weight: 900;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.article-category-link {
	padding:.5em;
	margin:0 .3em;
}

.article-category-link:hover {
	color:var(--black-color) !important;
	background:var(--body-background)
}

.article-products span {
	position:relative;float:left;width:1em;height:2em;margin-right:.5em;
}

.article-products span:before {
	font-family: "Font Awesome 5 Free";
	content: '\f233';
	font-style: normal;
	font-weight: 900;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	width:1.2em;
	height:1.2em;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-.3em;
	margin-left:-.6em;
}

.article-products a {
	float:left;
	padding:0 .3em;
	margin:.3em;
	margin-top:.6em;
	background:#e6e6e6;
}

.article-products a:hover {
	color:var(--black-color);
	background:var(--body-background)
}

/* Landing Grid */

.latest {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-column-gap: 1em;
}

.cve-column {
	display: inline-grid;
	padding: 10px;
	grid-column: 1;
	grid-row: 1;
	background-color: var(--body-background);
	border: 3px solid var(--ixblue-color)
}

.errata-column {
	display: inline-grid;
	padding: 10px;
	grid-column: 2;
	grid-row: 1;
	background-color: var(--body-background) !important;
	border: 3px solid var(--ixblue-color)
}

.article-column {
	display: inline-grid;
	padding: 10px;
	grid-column: 3;
	grid-row: 1;
	background-color: var(--body-background) !important;
	border: 3px solid var(--ixblue-color)
}

.cve-section {
	display: grid;
	grid-template-rows: auto auto auto auto;
	background: var(--body-background);
	Padding: none;
	margin: 5%;
}

/*.cve-image{display: inline-grid; grid-column: 1; grid-row: 1; align-items: center;}
.cve-description{display: inline-grid; grid-column: 1; grid-row: 2; align-items: center;}
.cve-splitter{display: inline-grid; grid-column: 1; grid-row: 3; align-items: center;}
.cve-latest{display: inline-grid; grid-column: 1; grid-row: 4; align-items: center;}
.cve-links{display: inline-grid; grid-column: 1; grid-row: 5; align-items: center;}*/

.errata-section {
	display: grid;
	grid-template-rows: auto auto auto auto;
	background: var(--body-background);
	Padding: none;
	margin: 5%;
}

/*.errata-image{display: inline-grid; grid-column: 1; grid-row: 1; align-items: center;}
.errata-description{display: inline-grid; grid-column: 1; grid-row: 2; align-items: center;}
.errata-splitter{display: inline-grid; grid-column: 1; grid-row: 3; align-items: center;}
.errata-latest{display: inline-grid; grid-column: 1; grid-row: 4; align-items: center;}
.errata-links{display: inline-grid; grid-column: 1; grid-row: 5; align-items: center;}*/

.article-section {
	display: grid;
	grid-template-rows: auto auto auto auto;
	background: var(--body-background);
	Padding: none;
	margin: 5%;
}

/*.article-image{display: inline-grid; grid-column: 1; grid-row: 1; align-items: center;}
.article-description{display: inline-grid; grid-column: 1; grid-row: 2; align-items: center;}
.article-splitter{display: inline-grid; grid-column: 1; grid-row: 3; align-items: center;}
.article-latest{display: inline-grid; grid-column: 1; grid-row: 4; align-items: center;}
.article-links{display: inline-grid; grid-column: 1; grid-row: 5; align-items: center;}*/

/* Create three equal columns that floats next to each other */
/* Clear floats after the columns */

.links-row {
	margin-left: auto;
	margin-right: auto;
}

.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 80px;
}

/* Clear floats after the columns */

.links-row:after {
	content: "";
	display: table;
	clear: both;
}

.article-nav {
	padding:0 10%;
}

@media only screen and (min-width: 768px) {
	.article-nav {
		padding:0 4%
	}
}
.article-nav strong {
	font-size:.6em
}

.article-nav a {
	display:block;
	overflow:hidden
}

.article-nav .prev a:hover,.article-nav .next a:hover {
	background:var(--body-background);
	color:var(--black-color)
}

.article-nav .prev {
	width:100%;
	float:left;
}

.article-nav .prev strong {
	padding-left:1.8em
}

.article-nav .prev span:before {
	font-family: "Font Awesome 5 Free";
	content: '\f100';
	font-style: normal;
	font-weight: 900;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	padding-right:.5em
}

@media only screen and (min-width: 768px) {
	.article-nav .prev {
		width:45%;
		float:left
	}
}

.article-nav .next {
	width:100%;
	float:left;
	text-align:left;
}

.article-nav .next strong {
	padding-left:1.5em
}

.article-nav .next span:before {
	font-family: "Font Awesome 5 Free";
	content: '\f100';
	font-style: normal;
	font-weight: 900;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	padding-right:.5em
}

@media only screen and (min-width: 768px) {
	.article-nav .next{
		width:45%;
		float:right;
		text-align:right
	}
	.article-nav .next strong {
		padding-right:1.8em
	}
	.article-nav .next span:before {
		content:none
	}
	.article-nav .next span:after {
		font-family: "Font Awesome 5 Free";
		content: '\f100';
		font-style: normal;
		font-weight: 900;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		padding-left:.5em
	}
}

section.comment{
	padding:0 4%;margin:1em 0
}

.toc-article{
	background:#eee;
	margin:2em 0 0 .5em;
	padding:1em 1em 1em 2.5em;
	line-height:1em;
	font-size:.8em;
	float:right;
}

#TableOfContents { 
	margin: 1em 0 0 0; 
}

#TableOfContents ul { 
	list-style-type:decimal; 
	margin: 0; 
	padding: 0 25px;  
}

#TableOfContents ul li { 
	list-style-type:decimal; 
}

#TableOfContents > ul { 
	padding: 0; 
}

#TableOfContents > ul > li > ul { 
	padding: 0; 
}

#toc {
	line-height:1em;
	font-size:.8em;
	float:right;
}

#toc .toc {
	padding:0;
}

#toc .toc li {
	list-style-type:none
}

#toc .toc-child {
	padding-left:1.5em
}

#toc.toc-aside {
	display:none;
	width:13%;
	position:fixed;
	right:2%;
	top:320px;
	overflow:hidden;
	line-height:1.5em;
	font-size:1em;
	color:var(--body-font-color);
	opacity:.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
	-webkit-transition:opacity 1s ease-out;
	-moz-transition:opacity 1s ease-out;
	-o-transition:opacity 1s ease-out;
	-ms-transition:opacity 1s ease-out;
	transition:opacity 1s ease-out;
}

#toc.toc-aside strong {
	padding:.3em 0;
	color:var(--slate-color)
}

#toc.toc-aside:hover {
	-webkit-transition:opacity 0.3s ease-out;
	-moz-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	-ms-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;opacity:1;
	-ms-filter:none;filter:none
}

#toc.toc-aside a {
	-webkit-transition:color 1s ease-out;
	-moz-transition:color 1s ease-out;
	-o-transition:color 1s ease-out;
	-ms-transition:color 1s ease-out;
	transition:color 1s ease-out;
}

#toc.toc-aside a:hover {
	color:var(--ixblue-color);
	-webkit-transition:color 0.3s ease-out;
	-moz-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	-ms-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out
}

.active {
	color:var(--ixblue-color) !important
}

.openaside {
	display:none;
	position:fixed;
	right:7.5%;
	top:260px;
}

.openaside a {
	display:block;
	color:var(--black-color);
	border:1px solid var(--black-color);
	-webkit-border-radius:5px;
	border-radius:5px;
	background:var(--ixblue-color);
	padding:.2em .55em;
}

.openaside a::before {
	font-family: "Font Awesome 5 Free";
	content: '\f0c9';
	font-style: normal;
	font-weight: 900;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.closeaside {
	display:none;
}

.closeaside a {
color:var(--ixblue-color);
}

.closeaside a:hover {
	color:var(--body-background);
}

.closeaside a::before {
	font-family: "Font Awesome 5 Free";
	content: '\f0c9';
	font-style: normal;
	font-weight: 900;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

@media only screen and (min-width: 1024px) {
	.closeaside{
		display:block;
		position:absolute;
		right:25px;
		top:22px
	}
}

/* Side Bar */

#asidepart {
	background: var(--white);
	margin: 1em 0 0;padding:.5em 2% 1em;
	float: left;
	/*border: 3px solid var(--ixblue-color); ----  removed becuase it screws with position of sidebar*/
}

@media only screen and (min-width: 1024px) {
	#asidepart {
		position: relative;
	  	width: 18%;
	 	margin: 2em 0 0 3%;
	}
}

.asidetitle {
	font-size: 1.1em;
	color: var(--body-font-color);
	padding: 0 0 .3125em 0;
	border-bottom: .1875em solid #ccc;
}

.asidetitle a {
	color:var(--body-font-color);
}

.asidetitle a:hover {
	color:var(--ixblue-color);
	-webkit-transition:color 0.5s;
	-moz-transition:color 0.5s;
	-o-transition:color 0.5s;
	-ms-transition:color 0.5s;
	transition:color 0.5s;
}

/* productslist */

@media only screen and (min-width: 768px) {
	.productslist {
		width:45%;
		float:left;
		margin:0 5% 0 0;
	}
}

@media only screen and (min-width: 1024px) {
	.productslist {
		width:100%;
		float:none;
		margin:1em 0 0;
	}
}

.productslist li {
	border-bottom:1px solid #ccc;
}

.productslist li a {
	display:block;
	padding:.5em 5%;
}

.productslist li a:hover {
	color:var(--body-font-color);
}

/* eolproductslist */

@media only screen and (min-width: 768px) {
	.eolproductslist {
		width:45%;
		float:left;
		margin:0 5% 0 0;
	}
}

@media only screen and (min-width: 1024px) {
	.eolproductslist {
		width:100%;
		float:none;
		margin:1em 0 0;
	}
}

.eolproductslist li {
	border-bottom:1px solid #ccc;
}

.eolproductslist li a {
	display:block;
	padding:.5em 5%;
}

.eolproductslist li a:hover {
	color:var(--ixblue-color);
}

/* categorieslist */

@media only screen and (min-width: 768px) {
	.categorieslist {
		width:45%;
		float:left;
		margin:0 5% 0 0;
	}
}

@media only screen and (min-width: 1024px) {
	.categorieslist {
		width:100%;
		float:none;
		margin:1em 0 0;
	}
}

.categorieslist li {
	border-bottom:1px solid #ccc;
}

.categorieslist li a {
	display:block;
	padding:.5em 5%;
}

.categorieslist li a:hover {
	color:var(--ixblue-color);
}

/* taglist */

.tagslist {
	margin:1em 0 0;
}

@media only screen and (min-width: 768px) {
	.tagslist {
		width:45%;
		float:left;
		margin:0 5% 0 0;
	}
}

@media only screen and (min-width: 1024px) {
	.tagslist {
		width:100%;
		float:none;
		margin:1em 0 0;
	}
}

.tagslist ul {
	padding:.5em 0;
}

.tagslist ul li {
	float:left;
}

.tagslist ul li a {
	display:block;
	margin:.3125em;
	padding:.125em .3125em;
	background: var(--body-background);
}

.tagslist ul li a:hover {
	color:var(--ixblue-color);
	background:#e6e6e6;
}


/* rss */

.rsspart {
	background:var(--ixblue-color);
	width:100%;
}

@media only screen and (min-width: 768px) {
	.rsspart {
		float:left;
		width:45%;
		margin:0 5% 0 0
	}
}

@media only screen and (min-width: 1024px) {
	.rsspart {
		width:100%;
		float:none;
		margin:1em 0 0
	}
}

.rsspart a {
	color:var(--black-color);
	display:block;
	padding:.625em 0;
	text-align:center;
}

.rsspart a:hover {
	color:var(--ixblue-color);
	background:var(--body-background)
}

.rsspart a::before {
	font-family: "Font Awesome 5 Free";
	content: '\f09e';
	font-style: normal;
	font-weight: 900;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	padding-right:.5em;
}

/* archivelist */

@media only screen and (min-width: 768px) {
	.archiveslist {
		width:45%;
		float:left;
		margin:0 5% 0 0
	}
}

@media only screen and (min-width: 1024px) {
	.archiveslist {
		width:100%;
		float:none;
		margin:1em 0 0
	}
}

.archiveslist li {
	font-size:.8em;
	line-height:2em;
}

.archiveslist li a {
	padding:.5em;
}

.archiveslist li a:hover {
	color:var(--ixblue-color);
	-webkit-transition:color 0.25s;
	-moz-transition:color 0.25s;
	-o-transition:color 0.25s;
	-ms-transition:color 0.25s;
	transition:color 0.25s
}

.archiveslist .archive-list-count:before {
	content:"("
}

.archiveslist .archive-list-count:after {
	content:")"
}

.archive-list {
	padding:.5em 0
}

.archive-float ul {
	padding:0
}

.archive-float li {
	float:left;margin:.3em;
}

@media only screen and (min-width: 1024px) {
	.archive-float li {
		float:none
	}
}

@media only screen and (min-width: 768px) {
	.tagcloudlist {
		width:45%;	
		float:left;
		margin:0 5% 0 0
	}
}

@media only screen and (min-width: 1024px) {
	.tagcloudlist {
		width:100%;
		float:none;
		margin:1em 0 0
	}
}

.tagcloudlist .tagcloudlist a {
	padding:.2em;
	display:block;
	float:left;
}

.tagcloudlist .tagcloudlist a:hove r {
	color:var(--ixblue-color);
	-webkit-transition:color 0.25s;
	-moz-transition:color 0.25s;
	-o-transition:color 0.25s;
	-ms-transition:color 0.25s;
	transition:color 0.25s
}

.linkslist{
	margin-top:.5em;
}

@media only screen and (min-width: 768px) {
	.linkslist{ 
		width:45%;
		float:left;
		margin:0 5% 0 0
	}
}

@media only screen and (min-width: 1024px){ 
	.linkslist{ 
		width:100%;
		float:none;
		margin:1em 0 0
	}
}

.linkslist u l {
	padding:.5em 0;
}

.linkslist ul a {
	font-size:1em;
	line-height:1.5;
	display:block;
	padding:0 3%;
}

.linkslist ul a:hover {
	color:var(--ixblue-color);
	-webkit-transition:color 0.25s;
	-moz-transition:color 0.25s;
	-o-transition:color 0.25s;
	-ms-transition:color 0.25s;
	transition:color 0.25s
}

footer {
	margin-top:1em;
	/* background:var(--slate-color); SYNC WITH DOCS SITE*/
	/* padding:0.5%; SYNC WITH DOCS SITE*/
}

#footer {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

#footer .line {
	width:100%;
	height:8em;
	margin:0 auto;
}

@media only screen and (min-width: 768px) {
	#footer .line {
		width:10em;
		float:left;
		position:relative
	}
}

#footer .line span {
	display:block;
	width:.5em;
	height:6.25em;
	border-right:.125em solid var(--black-color);
	margin:0 auto;
}

@media only screen and (min-width: 768px) {
	#footer .line span {
		position:absolute;
		left:3em;
		margin:0 0 1.5em
	}
}

.author {
	width:6.875em;
	height:6.875em;
	margin:0 auto;
	-webkit-border-radius:3.4375em;
	border-radius:3.4375em;
	-webkit-transition:-webkit-transform 2s ease-out;
	-moz-transition:-moz-transform 2s ease-out;
	-o-transition:-o-transform 2s ease-out;
	-ms-transition:-ms-transform 2s ease-out;
	transition:transform 2s ease-out;
}

.author:hover
{
	-webkit-transform:rotateZ(360deg);
	-moz-transform:rotateZ(360deg);
	-o-transform:rotateZ(360deg);
	-ms-transform:rotateZ(360deg);
	transform:rotateZ(360deg)
}

@media only screen and (min-width: 768px) {
	.author {
		position:absolute
		;top:6em;
		margin:0 0 1.5em
	}
}

.info {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:150%;
	line-height:1.3em;
	width:90%;
	margin:0 auto;
	color:var(--black-color);
}

@media only screen and (min-width: 768px) {
	.info {
		margin:4.5em 0 2em 0;
		float:left;
		width:75%
	}
}

.social-font {
	width:100%;
	margin:0 auto;
	float:left;
	padding-left:3%;
}

@media only screen and (min-width: 568px) {
	.social-font {
		padding-left:20%
	}
}

@media only screen and (min-width: 768px) {
	.social-font {
		width:18em;
		position:absolute;
		right:-3em;
		top:3em
	}
}

.social-font a {
	float:left;
	display:block;
	width:12;
	color:var(--black-color);
	font-size:180%;
	padding:.5em;
}

@media only screen and (min-width: 1024px) {
	.social-font a {
		padding:.3em
	}
}

.social-font a:hover:before {
	color:var(--graphite-color)
}

.social-font a[title="twitter"]::before,.social-font a[title="github"]::before,.social-font a[title="facebook"]::before,.social-font a[title="linkedin"]::before {
	font-family:"FontAwesome";
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

.social-font a[title="twitter"]::before {
	content:"\f099"
}

.social-font a[title="github"]::before {
	content:"\f09b"
}

.social-font a[title="facebook"]::before {
	content:"\f09a"
}

.social-font a[title="linkedin"]::before {
	content:"\f08c"
}

.copyright {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	width:100%;
	color:var(--bone-color);
	text-align:center;
}

@media only screen and (min-width: 768px) {
	.copyright {
		float:left
	}
}

.copyright a {
	color:var(--bone-color);
}

.copyright a:hover {
	color:var(--graphite-color)
}

.article-content code, .entry pre { 
	font-family: Hack, monospace; 
	font-size: 14px; 
}

.article-content pre { 
	margin: 10px 0 15px 0;
	border: 1px solid #ddd; 
	line-height: 19px; 
	white-space: pre-wrap; 
	word-wrap: break-word; 
	overflow-x: auto; 
	overflow-y: hidden; 
}

.ds-highlight {
	color:var(--graphite-color) !important;
}

.ds-highlight:hover {
	color:var(--graphite-color) !important
}

.ds-avatar {
	background:var(--bone-color) !important;
}

.ds-avatar img {
	width:54px !important;
	height:54px !important;
	border:2px solid #dbdbdb !important;
	-webkit-border-radius:27px !important;
	border-radius:27px !important;
	-webkit-transition:-webkit-transform 0.5s ease-out !important;
	-moz-transition:-moz-transform 0.5s ease-out !important;
	-o-transition:-o-transform 0.5s ease-out !important;
	-ms-transition:-ms-transform 0.5s ease-out !important;
	transition:transform 0.5s ease-out !important;
}

.ds-avatar img:hover {
	-webkit-transform:rotateZ(360deg) !important;
	-moz-transform:rotateZ(360deg) !important;
	-o-transform:rotateZ(360deg) !important;
	-ms-transform:rotateZ(360deg) !important;
	transform:rotateZ(360deg) !important;
	-webkit-box-shadow:inset 0 -1px 0 rgba(51,51,51,0.2) sf !important;
	box-shadow:inset 0 -1px 0 rgba(51,51,51,0.2) sf !important
}

.ds-children .ds-avatar img {
	width:30px !important;
	height:30px !important;
	-webkit-border-radius:15px !important;
	border-radius:15px !important;
	-webkit-transition:-webkit-transform 0.5s ease-out !important;
	-moz-transition:-moz-transform 0.5s ease-out !important;
	-o-transition:-o-transform 0.5s ease-out !important;
	-ms-transition:-ms-transform 0.5s ease-out !important;
	transition:transform 0.5s ease-out !important;
	border:1px solid #dbdbdb !important;
}

.ds-children .ds-avatar img:hove r {
	-webkit-transform:rotateZ(360deg) !important;
	-moz-transform:rotateZ(360deg) !important;
	-o-transform:rotateZ(360deg) !important;
	-ms-transform:rotateZ(360deg) !important;
	transform:rotateZ(360deg) !important;
	-webkit-box-shadow:inset 0 -1px 0 rgba(51,51,51,0.2) sf !important;
	box-shadow:inset 0 -1px 0 rgba(51,51,51,0.2) sf !important}

.ds-replybox img {
	width:30px !important;
	height:30px !important
}

.ds-comment-body {
	padding-left:80px !important
}

.ds-children .ds-comment-body {
	padding-left:60px !important
}

.ds-post {
	border-top:none !important;
	margin-top:.5em !important
}

.ds-comments {
	padding-bottom:1em !important}

textarea {
	color:var(--slate-color) !important;
	background:var(--black-color) !important;
}

	textarea::-webkit-input-placeholder {
	color:var(--slate-color) !important
}

textarea::-moz-placeholder {
	color:var(--slate-color) !important
}

.article-gallery {
	background:var(--body-background);
	position:relative
}

.article-gallery-photos {
	position:relative;
	overflow:hidden
}

.article-gallery-img {
	display:none;
	max-width:100%;
	imgdisplay:block;
	max-width:100%;
	margin:0 auto
}

.article-gallery-img:first-child {
	display:block
}

.article-gallery-img .loaded {
	position:absolute;
	display:block
}

body > header {
	background: var(--ixblue-color); !important;
	box-shadow: unset !important;
	-webkit-box-shadow: unset !important;
}

/* NavBar */
.navbar {
	display: inline-grid; 
	grid-column: 2; 
	grid-row: 2;
	justify-items: right;
    align: center;
    z-index: 0;
}

@media only screen and (max-width: 1024px) {
	header nav {
		margin-top: 1em;
	}
}

@media only screen and (min-width: 568px) {
	header nav{}
}

@media only screen and (min-width: 1024px) {
	header nav {
		float:right;max-height:none
	}
}

@media only screen and (min-width: 1024px) {
	header nav ul {
		float:right
	}
}

@media only screen and (min-width: 1024px) {
	header nav ul li {
		float:left
	}
}
header nav ul li a {
	padding:.2em 0 .2em 1em;
}

@media only screen and (min-width: 1024px) {
	header nav ul li a{padding:.2em 1.5em
	}
}

header nav ul li a:hover {
	background:var(--ixblue-color);
	color:#444444
}

.shownav {
	max-height:40em
}

.search {
	padding:.1em 0 0 1em;
}

.search input {
	line-height:1.8;
	font-size:15px;
	border:2px solid var(--black-color);
	color:var(--black-color);
	background:var(--bone-color);
	width:80%;padding-left:.5em;
}

@media only screen and (min-width: 1024px){
	.search input {
	width:8em;-
	webkit-transition:0.5s width;
	-moz-transition:0.5s width;
	-o-transition:0.5s width;
	-ms-transition:0.5s width;
	transition:0.5s width
	}
	.search input:focus {
	width:15em
	}
}

.search label {
	display:none
}
/* END NAVBAR */
/*
#footer, body > footer {
	background: var(--ixblue-color); !important;
	padding-top: .75%;
	padding-bottom: .75%;
}
*/
/*
.footer-links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.footer-li-icons {
  float: right;
}
.footer-li-links {
  float: left;
}
.footer-li-links a {
  display: flex;
  color: white;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding: 5px; 
}
.footer-li-links a:hover {
  color: #d9d9d9;
  text-shadow: 1px 1px black;
}
SYNC WITH DOCS SITE*/