@import url("https://use.typekit.net/egx6goe.css");

:root {
	--mn-accent-blue: #2c64f6;
	
  --table-dark-stripe: #3349A9;
  --table-dark-hover: #3B51B1;
  --table-dark-active: #32469E;
  --table-dark-border: #367eb3;
}

.futura-pt-book {
	font-family: futura-pt, sans-serif; 
	font-weight: 400;
	font-style: normal;
}

.futura-pt-bold {
	font-family: futura-pt-bold, sans-serif; 
	font-weight: 700;
	font-style: normal;
}


.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: var(--mn-primary);
  --bs-table-border-color: var(--table-dark-border);
  --bs-table-striped-bg: var(--table-dark-stripe);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: var(--table-dark-active);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: var(--table-dark-hover);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
}


/* NAVIGATION */

#block-minimum-main-menu .navbar-nav,
#block-minimum-subtheme-main-menu .navbar-nav {
	align-items: center;
}

#block-minimum-main-menu .nav-item:last-of-type .nav-link,
#block-minimum-subtheme-main-menu .nav-item:last-of-type .nav-link {
  padding: 0.6rem 0.8rem;
  background: var(--mn-primary);
  color: #fff;
  border-radius: 0.5rem;
}

#block-minimum-main-menu .nav-item:last-of-type .nav-link:hover,
#block-minimum-subtheme-main-menu .nav-item:last-of-type .nav-link:hover {
  background: var(--mn-primary-hover);
  color: var(--mn-neutral-lighter);
}

#block-minimum-main-menu .nav-item:last-of-type .nav-link:active,
#block-minimum-subtheme-main-menu .nav-item:last-of-type .nav-link:active {
  background: var(--mn-primary-active);
  color: var(--mn-neutral-lighter);
}

/* END NAVIGATION */

.page-footer::before {
  content: '';
  height: 100px;
  display: block;
  background-image: url(/sites/default/files/images/curve.svg);
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

footer {
  color: #fff;
}


/* LOGO ANIMATION */

.logo-anm-root {
    --time: 1.2s;
}

.logo-anm-root.up {
    --time: 0;
}

.logo-anm-root::part(globe) {
    transition: 
        transform var(--time),
        fill var(--time);
}

.logo-anm-root.up::part(globe) {
    fill: red;
    transform: translateY(-44px);
}

.logo-anm-root::part(shadow) {
    transition: 
        opacity var(--time),
        transform var(--time);
     transition: transform .5s; 
    transform-origin: 157.673px 357.32px;
}

.logo-anm-root.up::part(shadow) {
    transform: scale(0.5);
    opacity: 0.2;
}