/* OptimizeMyDay.com Color Scheme */
@font-face {
	font-family: 'NHaasGroteskDSPro-55Rg';
	src: url('fonts/neue_haas_grotesk/webfonts/361258_8_0.eot');
	src: url('fonts/neue_haas_grotesk/webfonts/361258_8_0.eot?#iefix') format('embedded-opentype'),
		url('fonts/neue_haas_grotesk/webfonts/361258_8_0.woff2') format('woff2'),
		url('fonts/neue_haas_grotesk/webfonts/361258_8_0.woff') format('woff'),
		url('fonts/neue_haas_grotesk/webfonts/361258_8_0.ttf') format('truetype');
}

@font-face {
	font-family: 'NHaasGroteskDSPro-75Bd';
	src: url('fonts/neue_haas_grotesk/webfonts/361258_C_0.eot');
	src: url('fonts/neue_haas_grotesk/webfonts/361258_C_0.eot?#iefix') format('embedded-opentype'),
		url('fonts/neue_haas_grotesk/webfonts/361258_C_0.woff2') format('woff2'),
		url('fonts/neue_haas_grotesk/webfonts/361258_C_0.woff') format('woff'),
		url('fonts/neue_haas_grotesk/webfonts/361258_C_0.ttf') format('truetype');
}

:root {
  /* Font configuration */
  --md-text-font: "NHaasGroteskDSPro-55Rg", Helvetica, Arial, sans-serif;
  --md-code-font: "Monaco", "Menlo", "Consolas", monospace;
  
  /* Custom color variables - adjust these to match optimizemyday.com */
  --omd-primary: #7f9ac4;      /* Deep blue - adjust to match your site */
  --omd-secondary: black; 
  --omd-primary-dark: #7f9ac4; /* Darker blue for contrast */
  --omd-accent: #ef6c00;;       /* Orange accent - adjust to match your site */
  --omd-accent-light: #ef6c00;; /* Lighter accent */
  --omd-background: #ffffff;    /* White background */
  --omd-surface: #f7f7f7;      /* Light gray surface */
  --omd-text: #2d3748;         /* Dark gray text */
  --omd-text-light: #4a5568;   /* Medium gray text */
  --omd-border: #e2e8f0;       /* Light border color */

  text-rendering: optimizeLegibility;
}

/* Relaunch layout primitives */
.md-typeset .omd-hero {
  margin: 0.6rem 0 1.6rem;
  padding: 1.4rem 1.4rem 1rem;
  border: 1px solid var(--omd-border);
  background: linear-gradient(150deg, #f6f8fc 0%, #ffffff 60%);
}

.md-typeset .omd-hero h2 {
  margin-top: 0.2rem;
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  line-height: 1.2;
}

.md-typeset .omd-kicker {
  display: inline-block;
  margin-bottom: 0.4rem;
  padding: 0.15rem 0.6rem;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--omd-accent);
  border: 1px solid #ffd2c1;
  background: #fff3ed;
}

.md-typeset .omd-kpi-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
  margin: 1rem 0 1.5rem;
}

.md-typeset .omd-kpi-strip--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.md-typeset .omd-kpi-strip div {
  padding: 0.75rem 0.8rem;
  border-left: 3px solid var(--omd-accent);
  background: var(--omd-surface);
}

.md-typeset .omd-kpi-strip strong {
  display: block;
  margin-bottom: 0.2rem;
}

.md-typeset .omd-kpi-strip span {
  font-size: 0.85rem;
  color: var(--omd-text-light);
}

.md-typeset .omd-grid {
  display: grid;
  gap: 0.9rem;
  margin: 1rem 0 1.4rem;
}

.md-typeset .omd-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.md-typeset .omd-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.md-typeset .omd-card {
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--omd-border);
  background: #ffffff;
}

.md-typeset .omd-card h3 {
  margin-top: 0;
}

.md-typeset .omd-card p {
  margin-top: 0.2rem;
}

.md-typeset .omd-card ul {
  margin-top: 0.5rem;
}

.md-typeset .omd-flow {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 0.6rem 0 1rem;
}

.md-typeset .omd-flow span {
  background: var(--omd-surface);
  border: 1px solid var(--omd-border);
  padding: 0.32rem 0.7rem;
  font-size: 0.85rem;
}

.md-typeset .omd-flow span:not(:last-child)::after {
  content: ">";
  margin-left: 0.55rem;
  color: #9aa2b1;
}

/* Dark mode colors */
[data-md-color-scheme="slate"] {
  --omd-primary: #7f9ac4;      /* Lighter blue for dark mode */
  --omd-secondary: white;
  --omd-primary-dark: #7f9ac4; 
  --omd-accent: #ff7849;       
  --omd-accent-light: #ff9570; 
  --omd-background: #1a1a1a;   
  --omd-surface: #2d2d2d;      
  --omd-text: #ffffff;         
  --omd-text-light: #b0b0b0;   
  --omd-border: #404040;       
}

/* Override Material Design colors */
:root {
  --md-primary-fg-color: var(--omd-accent);
  --md-primary-fg-color--light: var(--omd-accent-light);
  --md-primary-fg-color--dark: var(--omd-primary-dark);
  --md-accent-fg-color: var(--omd-accent);
  --md-accent-fg-color--transparent: var(--omd-accent-light);
}

/* Inline architecture diagrams (hand-built SVG) */
.md-typeset .diagram {
  display: block;
  margin: 2rem auto 2.4rem;
  width: 100%;
  max-width: 760px;
  height: auto;
}

.md-typeset .section-image {
  display: block;
  width: 100%;
  max-width: 980px;
  height: auto;
  margin: 1.2rem auto 2rem;
  border: 1px solid var(--omd-border);
}

.md-typeset .section-image--narrow {
  max-width: 760px;
}

@media (max-width: 1024px) {
  .md-typeset .omd-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md-typeset .omd-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .md-typeset .omd-grid-2,
  .md-typeset .omd-grid-3,
  .md-typeset .omd-kpi-strip {
    grid-template-columns: 1fr;
  }

  .md-typeset .omd-hero h2 {
    font-size: 1.45rem;
  }
}

/* Ensure headers use the same font and brand colors */
h1, h2, h3, h4, h5, h6 {
  color: var(--omd-secondary) !important;
  font-family: "NHaasGroteskDSPro-75Bd", sans-serif !important;
  font-weight: normal !important;
}

/* Strong/bold text uses bold font without additional bold weight */
strong, b {
  font-family: "NHaasGroteskDSPro-75Bd", sans-serif !important;
  font-weight: normal !important;
}

/* Header/Navigation styling */
.md-header {
  background-color: var(--omd-primary) !important;
}

.md-header-nav__button {
  color: white !important;
}

.md-header-nav__title {
  color: white !important;
  font-weight: 600;
}

/* Navigation tabs */
.md-tabs {
  background-color: var(--omd-primary-dark) !important;
}

.md-tabs__link {
  color: white !important;
}

.md-tabs__link--active {
  color: var(--omd-accent) !important;
  border-bottom: 2px solid var(--omd-accent) !important;
}

/* Sidebar navigation */
.md-nav__title {
  font-family: "Helvetica", "Arial", sans-serif !important;
  color: var(--omd-accent) !important;
  font-weight: 600;
}

.md-nav__link--active {
  /* color: var(--omd-primary) !important; */
}

.md-nav__link:hover {
  /* color: var(--omd-accent) !important; */
}

/* Table header font */
th {
  font-family: "NHaasGroteskDSPro-75Bd", sans-serif !important;
}

/* Code blocks */
code, pre, .highlight {
  font-family: monospace !important;
  color: black;
}

/* Search */
.md-search__form {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.md-search__input {
  color: white !important;
}

.md-search__input::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Buttons and links */
.md-typeset a {
  color: var(--omd-accent);
}

.md-typeset a:hover {
  color: var(--omd-accent) !important;
}

@media screen and (max-width: 76.2344em) {
    .md-nav--primary .md-nav__title[for=__drawer] {
        background-color: var(--md-primary-bg-color);
        font-weight: 700;
    }
}

table thead tr th {
  font-size: 14px;
  font-weight: 400;
}

.md-typeset table:not([class]) th {
  font-size: 14px;
  font-weight: 400;
}

/* .md-footer {
    background-color: var(--omd-primary) !important;
    color: black;
}

html .md-footer-meta.md-typeset a {
    background-color: var(--omd-primary);
    color: white;
}

.md-footer-meta {
    background-color: var(--md-primary-fg-color--dark);
} */

/* Brutal way of hiding the language selector */
.md-select {
    visibility: hidden;
}

/* Hide title in the header */
.md-header__title {
    visibility: hidden;
}

/* Partner page visual blocks - only for ul sections */
.md-typeset ul {
    background-color: transparent;
}

/* Dark mode support */
/* [data-md-color-scheme="slate"] article[data-md-url*="partners"] .md-typeset ul {
    background-color: #1e2227;
    border-color: #373b42;
} */

/* --------------------- OMD Fonts --------------------- */

@font-face {
  font-family: 'omd-font';
  src:  url('fonts/custom/fonts/omd-font.eot?16qord');
  src:  url('fonts/custom/fonts/omd-font.eot?16qord#iefix') format('embedded-opentype'),
    url('fonts/custom/fonts/omd-font.ttf?16qord') format('truetype'),
    url('fonts/custom/fonts/omd-font.woff?16qord') format('woff'),
    url('fonts/custom/fonts/omd-font.svg?16qord#omd-font') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="omd_icon-"], [class*=" omd_icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'omd-font' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: black;
  text-transform: none;
  font-size: 50px;
  padding-right: 20px;
  vertical-align: middle;
  /*line-height: 1;*/

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.omd_icon-additional-repair:before {
  content: "\e900";
}
.omd_icon-add:before {
  content: "\e901";
}
.omd_icon-omd-logo:before {
  content: "\e902";
}
.omd_icon-scanCodeSignature:before {
  content: "\e903";
}
.omd_icon-link:before {
  content: "\e904";
}
.omd_icon-hamburger:before {
  content: "\e905";
}
.omd_icon-add-subui:before {
  content: "\e906";
}
.omd_icon-checked:before {
  content: "\e907";
}
.omd_icon-attachment:before {
  content: "\e908";
}
.omd_icon-ausplanen:before {
  content: "\e909";
}
.omd_icon-backlog:before {
  content: "\e90a";
}
.omd_icon-barcode:before {
  content: "\e90b";
}
.omd_icon-call:before {
  content: "\e90c";
}
.omd_icon-camera:before {
  content: "\e90d";
}
.omd_icon-change-orientation:before {
  content: "\e90e";
}
.omd_icon-city:before {
  content: "\e90f";
}
.omd_icon-cloud-sync:before {
  content: "\e911";
}
.omd_icon-cloud-warning:before {
  content: "\e912";
}
.omd_icon-confirm:before {
  content: "\e913";
}
.omd_icon-connect:before {
  content: "\e914";
}
.omd_icon-cross:before {
  content: "\e915";
}
.omd_icon-details:before {
  content: "\e916";
}
.omd_icon-differenz:before {
  content: "\e917";
}
.omd_icon-itemsdelivered:before {
  content: "\e918";
}
.omd_icon-finished:before {
  content: "\e919";
}
.omd_icon-fixed:before {
  content: "\e91a";
}
.omd_icon-no-service:before {
  content: "\e91b";
}
.omd_icon-report:before {
  content: "\e91c";
}
.omd_icon-arrow-down:before {
  content: "\e91d";
}
.omd_icon-arrow-left:before {
  content: "\e91e";
}
.omd_icon-follow-on:before {
  content: "\e91f";
}
.omd_icon-form:before {
  content: "\e920";
}
.omd_icon-arrow-right:before {
  content: "\e921";
}
.omd_icon-arrow-up:before {
  content: "\e922";
}
.omd_icon-unplan-1:before {
  content: "\e927";
}
.omd_icon-copy:before {
  content: "\e928";
}
.omd_icon-grid:before {
  content: "\e929";
}
.omd_icon-location-signs:before {
  content: "\e92a";
}
.omd_icon-gallery:before {
  content: "\e92b";
}
.omd_icon-go:before {
  content: "\e92c";
}
.omd_icon-house:before {
  content: "\e92e";
}
.omd_icon-inbox:before {
  content: "\e92f";
}
.omd_icon-info:before {
  content: "\e930";
}
.omd_icon-items-planned-visited:before {
  content: "\e931";
}
.omd_icon-kpi:before {
  content: "\e932";
}
.omd_icon-leute-verfuegbar:before {
  content: "\e933";
}
.omd_icon-location:before {
  content: "\e934";
}
.omd_icon-map:before {
  content: "\e935";
}
.omd_icon-material:before {
  content: "\e936";
}
.omd_icon-material-usage:before {
  content: "\e937";
}
.omd_icon-minus:before {
  content: "\e939";
}
.omd_icon-navigation:before {
  content: "\e93a";
}
.omd_icon-new-estimation:before {
  content: "\e93b";
}
.omd_icon-next:before {
  content: "\e93c";
}
.omd_icon-normieren:before {
  content: "\e93d";
}
.omd_icon-note:before {
  content: "\e93f";
}
.omd_icon-onsite:before {
  content: "\e941";
}
.omd_icon-ontheway:before {
  content: "\e942";
}
.omd_icon-order-parts:before {
  content: "\e943";
}
.omd_icon-papierkorb:before {
  content: "\e944";
}
.omd_icon-pause:before {
  content: "\e945";
}
.omd_icon-pause2:before {
  content: "\e946";
}
.omd_icon-play:before {
  content: "\e948";
}
.omd_icon-plus:before {
  content: "\e949";
}
.omd_icon-printer:before {
  content: "\e94a";
}
.omd_icon-question:before {
  content: "\e94b";
}
.omd_icon-refresh:before {
  content: "\e94c";
}
.omd_icon-relation:before {
  content: "\e94d";
}
.omd_icon-replace:before {
  content: "\e94f";
}
.omd_icon-rfid:before {
  content: "\e950";
}
.omd_icon-rollback:before {
  content: "\e951";
}
.omd_icon-route:before {
  content: "\e952";
}
.omd_icon-settings:before {
  content: "\e953";
}
.omd_icon-signature:before {
  content: "\e954";
}
.omd_icon-signature-required:before {
  content: "\e955";
}
.omd_icon-stoppliste:before {
  content: "\e956";
}
.omd_icon-stunden:before {
  content: "\e957";
}
.omd_icon-telefon:before {
  content: "\e958";
}
.omd_icon-today:before {
  content: "\e959";
}
.omd_icon-trichter:before {
  content: "\e95a";
}
.omd_icon-uhr:before {
  content: "\e95b";
}
.omd_icon-usage-request:before {
  content: "\e95d";
}
.omd_icon-back:before {
  content: "\e95e";
}
.omd_icon-koffer:before {
  content: "\e95f";
}
.omd_icon-BERATEN:before {
  content: "\e960";
}
.omd_icon-CONNECTOR:before {
  content: "\e961";
}
.omd_icon-DASHBOARD:before {
  content: "\e962";
}
.omd_icon-MOBILE:before {
  content: "\e96a";
}
.omd_icon-MONITORING:before {
  content: "\e96b";
}
.omd_icon-SCHEDULER:before {
  content: "\e96c";
}
.omd_icon-alarm:before {
  content: "\e938";
}
.omd_icon-option-request:before {
  content: "\e93e";
}
.omd_icon-remove:before {
  content: "\e94e";
}
.omd_icon-Ordner:before {
  content: "\e963";
}
.omd_icon-Polygon:before {
  content: "\e964";
}
.omd_icon-Sigma:before {
  content: "\e965";
}
.omd_icon-Sucher:before {
  content: "\e966";
}
.omd_icon-Zahnrad_Pfeil:before {
  content: "\e967";
}
.omd_icon-Zeigefinger:before {
  content: "\e968";
}
.omd_icon-Auszeichnung:before {
  content: "\e969";
}
.omd_icon-Edit:before {
  content: "\e96d";
}
.omd_icon-Gewicht:before {
  content: "\e96e";
}
.omd_icon-Haus:before {
  content: "\e96f";
}
.omd_icon-Lupe:before {
  content: "\e970";
}
.omd_icon-Material_ok:before {
  content: "\e971";
}
.omd_icon-Medaille:before {
  content: "\e972";
}
.omd_icon-schedule:before {
  content: "\e975";
}
.omd_icon-no-geocode:before {
  content: "\e976";
}
.omd_icon-filter-undone:before {
  content: "\e977";
}
.omd_icon-filter-all:before {
  content: "\e978";
}
.omd_icon-filter-done:before {
  content: "\e979";
}

.omd_icon-additional-repair:before {
  content: "\e900";
}
.omd_icon-add:before {
  content: "\e901";
}
.omd_icon-omd-logo:before {
  content: "\e902";
}
.omd_icon-scanCodeSignature:before {
  content: "\e903";
}
.omd_icon-link:before {
  content: "\e904";
}
.omd_icon-hamburger:before {
  content: "\e905";
}
.omd_icon-add-subui:before {
  content: "\e906";
}
.omd_icon-checked:before {
  content: "\e907";
}
.omd_icon-attachment:before {
  content: "\e908";
}
.omd_icon-ausplanen:before {
  content: "\e909";
}
.omd_icon-backlog:before {
  content: "\e90a";
}
.omd_icon-barcode:before {
  content: "\e90b";
}
.omd_icon-call:before {
  content: "\e90c";
}
.omd_icon-camera:before {
  content: "\e90d";
}
.omd_icon-change-orientation:before {
  content: "\e90e";
}
.omd_icon-city:before {
  content: "\e90f";
}
.omd_icon-cloud-sync:before {
  content: "\e911";
}
.omd_icon-cloud-warning:before {
  content: "\e912";
}
.omd_icon-confirm:before {
  content: "\e913";
}
.omd_icon-connect:before {
  content: "\e914";
}
.omd_icon-cross:before {
  content: "\e915";
}
.omd_icon-details:before {
  content: "\e916";
}
.omd_icon-differenz:before {
  content: "\e917";
}
.omd_icon-itemsdelivered:before {
  content: "\e918";
}
.omd_icon-finished:before {
  content: "\e919";
}
.omd_icon-fixed:before {
  content: "\e91a";
}
.omd_icon-no-service:before {
  content: "\e91b";
}
.omd_icon-report:before {
  content: "\e91c";
}
.omd_icon-arrow-down:before {
  content: "\e91d";
}
.omd_icon-arrow-left:before {
  content: "\e91e";
}
.omd_icon-follow-on:before {
  content: "\e91f";
}
.omd_icon-form:before {
  content: "\e920";
}
.omd_icon-arrow-right:before {
  content: "\e921";
}
.omd_icon-arrow-up:before {
  content: "\e922";
}
.omd_icon-unplan-1:before {
  content: "\e927";
}
.omd_icon-copy:before {
  content: "\e928";
}
.omd_icon-grid:before {
  content: "\e929";
}
.omd_icon-location-signs:before {
  content: "\e92a";
}
.omd_icon-gallery:before {
  content: "\e92b";
}
.omd_icon-go:before {
  content: "\e92c";
}
.omd_icon-house:before {
  content: "\e92e";
}
.omd_icon-inbox:before {
  content: "\e92f";
}
.omd_icon-info:before {
  content: "\e930";
}
.omd_icon-items-planned-visited:before {
  content: "\e931";
}
.omd_icon-kpi:before {
  content: "\e932";
}
.omd_icon-leute-verfuegbar:before {
  content: "\e933";
}
.omd_icon-location:before {
  content: "\e934";
}
.omd_icon-map:before {
  content: "\e935";
}
.omd_icon-material:before {
  content: "\e936";
}
.omd_icon-material-usage:before {
  content: "\e937";
}
.omd_icon-minus:before {
  content: "\e939";
}
.omd_icon-navigation:before {
  content: "\e93a";
}
.omd_icon-new-estimation:before {
  content: "\e93b";
}
.omd_icon-next:before {
  content: "\e93c";
}
.omd_icon-normieren:before {
  content: "\e93d";
}
.omd_icon-note:before {
  content: "\e93f";
}
.omd_icon-onsite:before {
  content: "\e941";
}
.omd_icon-ontheway:before {
  content: "\e942";
}
.omd_icon-order-parts:before {
  content: "\e943";
}
.omd_icon-papierkorb:before {
  content: "\e944";
}
.omd_icon-pause:before {
  content: "\e945";
}
.omd_icon-pause2:before {
  content: "\e946";
}
.omd_icon-play:before {
  content: "\e948";
}
.omd_icon-plus:before {
  content: "\e949";
}
.omd_icon-printer:before {
  content: "\e94a";
}
.omd_icon-question:before {
  content: "\e94b";
}
.omd_icon-refresh:before {
  content: "\e94c";
}
.omd_icon-relation:before {
  content: "\e94d";
}
.omd_icon-replace:before {
  content: "\e94f";
}
.omd_icon-rfid:before {
  content: "\e950";
}
.omd_icon-rollback:before {
  content: "\e951";
}
.omd_icon-route:before {
  content: "\e952";
}
.omd_icon-settings:before {
  content: "\e953";
}
.omd_icon-signature:before {
  content: "\e954";
}
.omd_icon-signature-required:before {
  content: "\e955";
}
.omd_icon-stoppliste:before {
  content: "\e956";
}
.omd_icon-stunden:before {
  content: "\e957";
}
.omd_icon-telefon:before {
  content: "\e958";
}
.omd_icon-today:before {
  content: "\e959";
}
.omd_icon-trichter:before {
  content: "\e95a";
}
.omd_icon-uhr:before {
  content: "\e95b";
}
.omd_icon-usage-request:before {
  content: "\e95d";
}
.omd_icon-back:before {
  content: "\e95e";
}
.omd_icon-koffer:before {
  content: "\e95f";
}
.omd_icon-BERATEN:before {
  content: "\e960";
}
.omd_icon-CONNECTOR:before {
  content: "\e961";
}
.omd_icon-DASHBOARD:before {
  content: "\e962";
}
.omd_icon-MOBILE:before {
  content: "\e96a";
}
.omd_icon-MONITORING:before {
  content: "\e96b";
}
.omd_icon-SCHEDULER:before {
  content: "\e96c";
}
.omd_icon-alarm:before {
  content: "\e938";
}
.omd_icon-option-request:before {
  content: "\e93e";
}
.omd_icon-remove:before {
  content: "\e94e";
}
.omd_icon-Ordner:before {
  content: "\e963";
}
.omd_icon-Polygon:before {
  content: "\e964";
}
.omd_icon-Sigma:before {
  content: "\e965";
}
.omd_icon-Sucher:before {
  content: "\e966";
}
.omd_icon-Zahnrad_Pfeil:before {
  content: "\e967";
}
.omd_icon-Zeigefinger:before {
  content: "\e968";
}
.omd_icon-Auszeichnung:before {
  content: "\e969";
}
.omd_icon-Edit:before {
  content: "\e96d";
}
.omd_icon-Gewicht:before {
  content: "\e96e";
}
.omd_icon-Haus:before {
  content: "\e96f";
}
.omd_icon-Lupe:before {
  content: "\e970";
}
.omd_icon-Material_ok:before {
  content: "\e971";
}
.omd_icon-Medaille:before {
  content: "\e972";
}
.omd_icon-schedule:before {
  content: "\e975";
}
.omd_icon-no-geocode:before {
  content: "\e976";
}
.omd_icon-filter-undone:before {
  content: "\e977";
}
.omd_icon-filter-all:before {
  content: "\e978";
}
.omd_icon-filter-done:before {
  content: "\e979";
}


/* Top Navigation Styling */
.md-content nav.md-footer-nav {
  background-color: var(--md-default-bg-color);
  border-radius: 0.1rem;
  box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,.05);
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}

.md-content nav.md-footer-nav .md-footer-nav__inner {
  padding: 0 0.8rem;
}

.md-content nav.md-footer-nav .md-footer-nav__link {
  border-radius: 0.1rem;
  transition: background-color 0.25s;
}

.md-content nav.md-footer-nav .md-footer-nav__link:hover {
  background-color: var(--md-accent-fg-color--transparent);
}

/* Responsive adjustments for top navigation */
@media screen and (max-width: 44.9375em) {
  .md-content nav.md-footer-nav .md-footer-nav__title {
    font-size: 0.8rem;
  }
}