@charset "UTF-8";

/* The SU markup uses .sr-only, which ships in Decanter's utilities rather than
   in the footer partial's own styles. */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.su-global-footer {
  padding: calc(var(--su-spacer)*1.5) 0;
  background-color: var(--su-bg--reverse);
  color: var(--su-link--reverse);
  font-family: 'Source Sans 3', sans-serif;

  a {
  	color: var(--su-link--reverse);
  	text-decoration: none;

  	&:hover,
  	&:focus {
		color: var(--su-link--reverse-hover);
		text-decoration: underline;
  	}

	  &:after {
		  content: none !important;
	  }
  }

  .stanford-svg {
	svg {
		width: clamp(100px, 6vw, 120px);
		width: 120px;
		height: 100%;
		aspect-ratio: 20/9;
	}
}


}

/* Layout */
.su-global-footer__container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: calc(var(--su-spacer) * 2);
	align-items: center;

	.su-global-footer__brand {
		margin-top: calc(var(--su-spacer) / 2);
		margin-bottom: auto;
	}

	nav {
		margin-bottom: var(--su-spacer);
	}

	ul {
		margin-top: 0;
		display: flex;
		gap: calc(var(--su-spacer) * 1.5);
	}
}

/* Large */
@media (max-width: 992px) {

	.su-global-footer__container {
		flex-direction: column;
		gap: calc(var(--su-spacer) / 2);
		text-align: center;

		.su-global-footer__brand {
			margin-bottom: 0;
		}

		ul {
			justify-content: center;
			flex-wrap: wrap;
			column-gap: 1ch;
			row-gap: 0;
			margin-bottom: calc(var(--su-spacer) / 2);

			li {
				padding-bottom: 0;
			}
		}
	}

}

/* Medium */
@media (max-width: 768px) {

}



.su-global-footer__link-a11y {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.su-global-footer__menu {
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;

  li {
  	margin: 0;
  	padding: 0.25rem 0 0;
  }

}

.su-global-footer__menu--global {
  font-size: 1rem;
  font-weight: 600;
}

.su-global-footer__menu--policy {
	font-weight: 350;
}

.su-global-footer__copyright {
  font-size: var(--su-font-size-small);
  font-weight: 350;
}
