/* Setting up Avular Theme Colors */
:root{

  /* Primary color shades */
  --md-primary-fg-color: #a0a0a5; /* Lunar 1 */
  --md-primary-fg-color--light: #231f20; /*Black */
  --md-primary-fg-color--dark: #ffffff; /* White*/
  --md-primary-bg-color: #ffffff; /* White*/
  --md-primary-bg-color--light: #ffffff; /* White*/
  --md-typeset-a-color: #779ad0; /* Neptune 3 */
 

  /* Accent color shades */
  --md-accent-fg-color:  #ee1e47; /* Martian */
  --md-accent-fg-color--transparent: hsla(189, 100%, 37%, 0.1);
  --md-accent-bg-color: #ffffff; /* White*/
  --md-accent-bg-color--light: #a0a0a5; /* Lunar 1 */

  /* Code block color shades */
  --md-code-bg-color: #e7e7ed; /* Lunar 7 */
  --md-code-fg-color: #1f252f; /* Ebony Clay */

  /* Footer */
  --md-footer-bg-color: #a0a0a5; /* Lunar 1 */
  --md-footer-bg-color--dark: #ffffff; /* White*/
  --md-footer-fg-color: #a0a0a5; /* Lunar 1 */
  --md-footer-fg-color--light: #a0a0a5; /* Lunar 1 */
  --md-footer-fg-color--lighter: #a0a0a5; /* Lunar 1 */
}

/* Search Bar */
.wy-side-nav-search {
    background-color: #a0a0a5; /* Lunar 1 */
}

/* Vertical Menu */
.wy-menu-vertical header, .wy-menu-vertical p.caption {
    color: var(--md-primary-bg-color);
}

/* Menu Tabs */
.md-tabs__link {
  text-decoration: none;
  color: var(---md-primary-fg-color--dark);
  opacity: 0.8;
}

.md-tabs__item--active .md-tabs__link {
  font-weight: 700;
  color: var(---md-primary-fg-color--dark);
  opacity: 1;
}

.md-tabs__item:is(:hover) {
  color: var(---md-primary-fg-color--dark);
  opacity: 1;
}
/* End of Color scheme definition */



/* Default width of the text block */
.md-grid {
  max-width: 90%;
}

.md-sidebar {
  width: px2rem(480px);
}

/* Media query for medium-sized screens */
@media only screen and (max-width: px2rem(1920px)) {
   .md-sidebar {
      width: px2rem(300px);
      }
}

/* 
Note - Material theme scales text and containers dynamically based on the screen width
Below 1024 px, the top navigation menu gets collapsed
If there's a weird menu glitch that happens between 1024 and 1220 px, it is a fault of the Material theme:
https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/components/_base.scss
*/


/* Admonition Style */
.md-typeset .admonition,
.md-typeset details {
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-width: 4px;
}

/* Custom Icon Admonition - Warning */
.md-typeset .admonition.warning > .admonition-title::before,
.md-typeset .admonition.warning > summary::before {
  /* background-color: #000000; */
  -webkit-mask-image: var(--md-admonition-icon--warning);
          mask-image: var(--md-admonition-icon--warning);
} 

/* Navbar Styles */
/* Avular Logo Color White */
.md-header__button {
  opacity: 1;
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(356deg) brightness(92%) contrast(121%);
  transition: all 50ms;   
}
/* Avular Logo Color Martian Change on Hover */
.md-header__button:hover {
    opacity: 1;
    filter: invert(24%) sepia(90%) saturate(4923%) hue-rotate(338deg) brightness(96%) contrast(95%); 
}

/* Table Styles */
/* Global Table Styles */
.md-typeset__table {
  min-width: 100%;
  word-break: break-all;
}

.md-typeset table:not([class]) {
   display: table;
}

/* Tables First Table Head Column */
.md-typeset__table thead tr th {
  font-size: 18px;
  padding: .9375em 1.1em!important;
}

/* Specification - Specification Table Generic */
.md-typeset .specification-generic table {
  table-layout: fixed;
  max-width: 1280px;
}

/* Specification Specification Table Specific */
.md-typeset .specification-specific table {
  table-layout: fixed;
  max-width: 1280px;
}

/* Specification - Specification Table Triple Column */
.md-typeset .specification-tri-col table {
  table-layout: fixed;
  max-width: 1280px;
}
/* Specification - Bill of Material Table */
.md-typeset .bill-of-material table { 
  table-layout: fixed;
  max-width: 880px;
} 

/* Specification Table for Downloadable Assets */
.md-typeset .downloadable-assets table {
  table-layout: fixed;
  max-width: 1920px;
}

.md-typeset .downloadable-assets table td {
  vertical-align: middle;
}

.md-typeset .downloadable-assets table thead tr th:first-child, tbody tr td:first-child {
  width: 140px;
  min-width: 140px;
  max-width: 140px;
 }
 .md-typeset .downloadable-assets table thead tr th:nth-child(2), tbody tr td:nth-child(2) {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
 }

/* Specification Integration Guides Table */
.md-typeset .integration-guides table {
  table-layout: fixed;
  max-width: 750px;
}

/* Specification Simple Dual Column Table */
.md-typeset .simple-dual-col table {
  table-layout: fixed;
  max-width: 640px;
}

/* Specification Simple Triple Column Table */
.md-typeset .simple-tri-col table {
  table-layout: fixed;
  max-width: 1920px;
 }

.md-typeset .simple-tri-col table td {
  vertical-align: middle;
}

.md-typeset .simple-tri-col table thead tr th:first-child, tbody tr td:first-child {
  width: 20%;
  min-width: 20%;
  max-width: 20%;
 }
.md-typeset .simple-tri-col table thead tr th:nth-child(2), tbody tr td:nth-child(2) {
  width: 20%;
  min-width: 20%;
  max-width: 20%;
}