:root {
	--primary-color: #06286D;
	--accent-color: #E8202A;
  --header-bar-color: #FFFFFF;
  --background-color: #ffffff;
  --alt-background-color: #bbbbbb;
  --search-hover-color: rgb(0, 0, 0, 0.1);
  --link-hover-color: rgba(255, 171, 0, 0.1);
  --blur-color: rgba(0, 0, 0, 0.3);
  --highlight-color: rgba(255, 255, 255, 1);
  --text-color: #666666;
}

/* Use white header bar */
[data-md-color-primary="indigo"] .md-header {
  background-color: var(--background-color);
}

/* Fix searchbox hover color */
@media only screen and (min-width: 60em) {
  .md-search__input:hover {
    background-color: var(--search-hover-color);
  }
}

[data-md-color-primary="indigo"] .md-header {
  background-color: var(--background-color);
}

/* Primary style overrides */
[data-md-color-primary="indigo"] .md-tabs {
  background-color: var(--primary-color);
}
html [data-md-color-primary="indigo"] .md-nav--primary .md-nav__title--site {
  background-color: var(--background-color);
}
button[data-md-color-primary="indigo"] {
  background-color: var(--primary-color);
}
[data-md-color-primary="indigo"] .md-typeset a {
  color: var(--primary-color);
}
[data-md-color-primary="indigo"] .md-hero {
  background-color: var(--primary-color);
}
[data-md-color-primary="indigo"] .md-nav__link:active,
[data-md-color-primary="indigo"] .md-nav__link--active {
  color: var(--primary-color);
}
[data-md-color-primary="indigo"] .md-nav__item--nested > .md-nav__link {
  color: inherit;
}

/* Accent style overrides */
button[data-md-color-accent="indigo"] {
  background-color: var(--primary-color);
}
[data-md-color-accent="indigo"] .md-typeset a:hover,
[data-md-color-accent="indigo"] .md-typeset a:active {
  color: var(--accent-color);
}
[data-md-color-accent="indigo"]
  .md-typeset
  pre
  code::-webkit-scrollbar-thumb:hover,
[data-md-color-accent="indigo"]
  .md-typeset
  .codehilite
  pre::-webkit-scrollbar-thumb:hover {
  background-color: var(--accent-color);
}
[data-md-color-accent="indigo"] .md-typeset .md-clipboard:hover::before,
[data-md-color-accent="indigo"] .md-typeset .md-clipboard:active::before {
  color: var(--accent-color);
}
[data-md-color-accent="indigo"]
  .md-typeset
  .footnote
  li:hover
  .footnote-backref:hover,
[data-md-color-accent="indigo"]
  .md-typeset
  .footnote
  li:target
  .footnote-backref {
  color: var(--accent-color);
}
[data-md-color-accent="indigo"] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent="indigo"] .md-typeset [id]:target .headerlink,
[data-md-color-accent="indigo"] .md-typeset [id] .headerlink:focus {
  color: var(--accent-color);
}
[data-md-color-accent="indigo"] .md-nav__link:focus,
[data-md-color-accent="indigo"] .md-nav__link:hover {
  color: var(--accent-color);
}
[data-md-color-accent="indigo"]
  .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
  background-color: var(--accent-color);
}
[data-md-color-accent="indigo"] .md-search-result__link[data-md-state="active"],
[data-md-color-accent="indigo"] .md-search-result__link:hover {
  background-color: var(--link-hover-color);
}
[data-md-color-accent="indigo"]
  .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
  background-color: var(--accent-color);
}
[data-md-color-accent="indigo"] .md-source-file:hover::before {
  background-color: var(--accent-color);
}

/* Rimote header image size */
.md-header__button.md-logo > img {
  width: 200px !important;
  height: 48px !important;
}

/* Flexbox shortcuts */
.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-justify-around {
  justify-content: space-around;
}

.flex-justify-center {
  justify-content: center;
  text-align: center;
}

.flex-justify-between {
  justify-content: space-between;
}

/* Icon shortcuts */
.icon-48 {
  width: 48px;
  height: 48px;
}
.icon-72 {
  width: 72;
  height: 72px;
}
.icon-96 {
  width: 96px;
  height: 96px;
}
.icon-120 {
  width: 120px;
  height: 120px;
}
.icon-144 {
  width: 144px;
  height: 144px;
}

/* Text styling overrides */
.md-typeset h1 {
  color: var(--primary-color);;
}

h1,
h2,
h3 {
  color: var(--primary-color);;
}

h1{
  text-transform: uppercase;
  font-weight: 400 !important;
}

h2 {
  font-weight: 400 !important;
  padding-left: 33px;  
}

h2::before {  

  content: " ";
  position: relative;
  top: 30px;
  left: -28px;
  width: 10px;
  height: 24px;
  transform: skew(-30deg);
  background: var(--accent-color);
  display: block
}

h2[id]:target::before {
  margin-top: -0.8rem !important;
  padding-top: 0.8rem !important;
}

h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 5px;
}

h3,
p {
  font-weight: 400;
}

p {
  color: var(--text-color);
  margin: 0;
}

li {
  color: var(--text-color);
}

.md-typeset__table {
  width: 100%;
}

.md-typeset table:not([class]) th {
  background-color: var(--alt-background-color);
}

h4 {
  font-size: 1.75rem !important;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 400 !important;
  color: var(--primary-color);
}

.md-sidebar--primary ul li {
  font-size: 0.8rem;
  color: var(--primary-color);;
}

.md-sidebar--primary .md-nav__title {
  font-size: 0.8rem;
}

.md-footer-meta {
  background-image: url(../img/rimote-footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
}

.md-footer-copyright__highlight{
  color: var(--highlight-color);
}

.md-nav__link[data-md-state="blur"] {
  color: var(--blur-color);
}