/* Homepage Stuff */

.banner {
  background-color: var(--vp-button-brand-bg);
  color: var(--vp-button-brand-text);
  width: 100%;
  text-align: center;
  position: fixed;
  bottom: 0px;
  z-index: 50;
}

.advertising {
  margin: auto;
}

@media only screen and (min-width: 768px) {
  .advertising {width: calc(100% - 8rem);}
} 

@media only screen and (min-width: 960px) {
  .banner {position: fixed; margin-top: var(--vp-nav-height); bottom: auto}
  #VPSidebarNav {margin-top: 1.5rem;}
  .VPLocalNav {top: calc(var(--vp-nav-height) + 1.5rem) !important;}
}

.plugin-tabs--tab-list {
  background-color: var(--vp-c-bg-alt);
}

.VPNavBar.home:not(.top) {
  backdrop-filter: blur(0.5rem);
  background-color: transparent !important;
}

.VPNavBar.home > .divider {
  opacity: 0;
}

/* Colors */

:root {
  --vp-c-brand-1: #3086ff;
  --vp-c-brand-2: #75aeff;

  --vp-button-brand-bg: #3661A2;
  --vp-button-brand-hover-bg: #24447F;
  --vp-button-brand-press-bg: #4896F3;
  

  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #3661A2, #4896F3);
  --vp-home-hero-logo-background: -webkit-linear-gradient(120deg, #3661A2, #4896F3);

	--vp-home-hero-image-filter: blur(96px);

  --vp-c-bg: #f2f5f8;
  --vp-c-bg-alt: #dfe8f5;
  --vp-c-bg-elv: #dde7f4;
  --vp-c-bg-soft: #e8f1fe;

  --vp-c-border: #c0c3c6;
  --vp-c-divider: #dfe2e6;
  --vp-c-gutter: #dfe2e6;
  --vp-plugin-tabs-tab-bg: var(--vp-c-bg);
}

.dark {
    --vp-c-brand-2: #234782;
    --vp-c-bg: #0d131b;
    --vp-c-bg-alt: #111720;
    --vp-c-bg-elv: #182231;
    --vp-c-bg-soft: #182231;

    --vp-c-border: #111720;
    --vp-c-divider: #1d273c;
    --vp-c-gutter: #181d27;
}