/**
 * ---------------------------
 * Bigwig - Site Styles - Base
 * ---------------------------
 */

 /**
 * Root Variables
 * --------------
 */

:root {
  /* Colors */
  --color-primary: #496677;
  --color-primary-light: #9EB2CD;

  /* Navbar - Width */
  --navbar-width: 20rem;

}

/**
 * HTML & Body
 * -----------
 */

 html {
  
}
  
body {
    font-family: var(--font-default);
    font-size: var(--font-size-default);
    font-weight: var(--weight-light);
    line-height: var(--line-default);
    color: var(--color-black);
    background-color: var(--color-white);
}

/**
 * Text & Background Colors
 * ------------------------
 */

/* Text Colors */
.text-primary-light {
  color: var(--color-primary-light) !important;
}

/*
 * Typography
 * -----------
 */

.large-text {
  font-size: 2rem;
  line-height: var(--line-xs);
}

@media (min-width: 992px) {
  .large-text {
    font-size: 2.5rem;
  }
}

/**
 * Footer
 * ------
 */

 footer {
  font-size: var(--font-size-sm);
  background-color: var(--color-primary);
  color: var(--color-white);
}

footer .second-row {
  padding-top: 2rem;
}


/**
 * Navbars
 * -------
 */

 /* Navbars - Brands */
.navbar-brand {
  background-color: var(--color-primary);
  width: 4rem;
  padding-top: 4.5rem;
  justify-content: center;
}

@media (min-width: 992px) {
  .navbar-brand {
    padding-top: 8rem;
    width: 5.5rem;
  }
}

/* Navbars - Menus */
.navbar-menu {
  color: var(--color-primary-light);
}

.navbar .navbar-item-container {
  width: 9rem;
}

.navbar .brand-container {
  display: flex;
  justify-content: center;
}

/* .navbar-menu .menu .menu-item a:hover,
.navbar-menu .menu .current-menu-item {
  text-decoration: underline;
}

.navbar-menu .menu .menu-item a {
  transition: text-decoration var(--transition-slow-ease);
} */

.navbar-menu .menu .menu-item a {
  display: inline; 
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  background-position: 1rem calc(100% - 1rem);
  transition: background-size var(--transition-slow-ease);
  text-decoration: none;
}

.navbar-menu .menu .menu-item a:hover,
.navbar-menu .menu .current-menu-item a {
  background-size: calc(100% - 2rem) 1px;
}

.home .navbar-menu .menu .menu-item a::before {
  display: none;
}

.window-scroll .navbar-menu .menu .menu-item a::before,
.navbar-menu .menu .menu-item a::before {
  display: none;
}


/**
 * Links & Buttons
 * ---------------
 */
 /* Buttons */
 .btn-primary {
  --bs-btn-color: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-bg: var(--color-primary);
  --bs-btn-hover-border-color: var(--color-black);
 }


/**
 * Sections
 * -----------
 */

/* Sections - Home Screen - Hero */
.section.home-screen-hero .img-wrapper {
  position: relative;
  z-index: 0;
}
  
.section.home-screen-hero .img-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50vw;
  max-width: 500px;
  height: 50vw;
  max-height: 500px;
  transform: translate(-50%, -50%);
  background: #666;
  border-radius: 446px;
  opacity: 0.25;
  mix-blend-mode: multiply;
  filter: blur(30px);
  z-index: 1;
}
  
.section.home-screen-hero .img-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50vw;
  max-width: 500px;
  height: 50vw;
  max-height: 500px;
  transform: translate(-50%, -50%);
  background-image: url("../images/brand/eclipse-site-logo-text.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}

.home .navbar-brand {
  /* opacity: 0; */
  transform: none;
  transition: none;
  padding-bottom: 1.7rem;
}

.home .brand-container {
  opacity: 0;
  transition: opacity var(--transition-slow-ease);
  background-color: var(--color-primary);
}