@uoguelph/web-components 1.1.3 → 1.2.0-rc.0

package/dist/collection/components/uofg-header/uofg-header.css

@@ -1,542 +1 @@
-:focus-visible {
-  outline: 2px solid #ffc72a;
-  outline-offset: 0.5rem;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-button {
-  border: none;
-  background-color: transparent;
-  cursor: pointer;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-ul {
-  list-style: none;
-  padding: 0;
-  margin: unset;
-}
-ul > li {
-  display: contents;
-}
-
-:host {
-  height: auto !important;
-}
-
-a {
-  display: flex;
-  align-items: center;
-  transition-property: color, background-color;
-  transition-duration: 0.2s;
-  transition-timing-function: ease-in-out;
-}
-
-li {
-  display: contents;
-}
-
-button {
-  border: none;
-  background: none;
-  cursor: pointer;
-  font-size: inherit;
-  font-family: inherit;
-  color: inherit;
-  line-height: inherit;
-  word-spacing: inherit;
-  letter-spacing: inherit;
-  transition-property: color, background-color;
-  transition-duration: 0.2s;
-  transition-timing-function: ease-in-out;
-}
-
-uofg-menu {
-  --uofg-menu-animation-type: slide;
-  --uofg-menu-animation-duration: 0.2s;
-  --uofg-menu-animation-easing: ease-in-out;
-  display: block;
-  position: relative;
-}
-uofg-menu > [slot=button] {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  height: 100%;
-  padding: 0 1rem;
-}
-uofg-menu > [slot=button] > svg {
-  height: 1em;
-  fill: currentColor;
-  transition-property: transform;
-  transition-duration: 0.2s;
-  transition-timing-function: ease-in-out;
-}
-uofg-menu > [slot=content] {
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  z-index: 1;
-  min-width: 20rem;
-  right: 0;
-  background-color: white;
-  color: black;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
-}
-
-#uofg-header {
-  position: relative;
-  width: 100%;
-  z-index: 1000;
-  font-size: 1.6rem;
-  font-family: "Roboto Condensed", Arial, sans-serif;
-}
-
-#uofg-header-top-content-container,
-#uofg-header-main-content-container,
-#uofg-header-sub-content-container {
-  display: flex;
-  position: relative;
-  align-items: center;
-  justify-content: flex-end;
-  width: 100%;
-  padding: 0 calc((100vw - 1320px) / 2);
-}
-
-#uofg-header-top-content-container {
-  height: 4rem;
-  background-color: white;
-  color: black;
-  z-index: 3;
-  font-size: 1.9rem;
-}
-#uofg-header-top-content-container > ul {
-  display: flex;
-  align-items: center;
-  height: 100%;
-}
-#uofg-header-top-content-container > ul > li > a {
-  height: 100%;
-  padding: 0 1rem;
-}
-#uofg-header-top-content-container > ul > li > a:hover, #uofg-header-top-content-container > ul > li > a:focus-visible, #uofg-header-top-content-container > ul > li > a[aria-expanded=true] {
-  background-color: #dddddd;
-}
-#uofg-header-top-content-container > uofg-menu {
-  height: 100%;
-}
-#uofg-header-top-content-container > uofg-menu > [slot=button] {
-  padding: 0 1rem;
-  background-color: #ffc72a;
-  color: black;
-  font-weight: bold;
-}
-#uofg-header-top-content-container > uofg-menu > [slot=button]:hover, #uofg-header-top-content-container > uofg-menu > [slot=button]:focus-visible, #uofg-header-top-content-container > uofg-menu > [slot=button][aria-expanded=true] {
-  background-color: #ccc;
-  color: black;
-}
-#uofg-header-top-content-container > uofg-menu > [slot=button][aria-expanded=true] > svg {
-  transform: rotate(180deg);
-}
-#uofg-header-top-content-container > uofg-menu > [slot=content] {
-  background-color: #dddddd;
-  color: black;
-}
-#uofg-header-top-content-container > uofg-menu > [slot=content] a {
-  height: 100%;
-  padding: 0.75rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
-}
-#uofg-header-top-content-container > uofg-menu > [slot=content] a:hover, #uofg-header-top-content-container > uofg-menu > [slot=content] a:focus-visible {
-  background-color: #ffc72a;
-}
-
-#uofg-header-main-content-container {
-  height: 5rem;
-  background-color: black;
-  color: white;
-  z-index: 2;
-}
-#uofg-header-main-content-container > * {
-  height: 100%;
-}
-#uofg-header-main-content-container.full-height {
-  height: 10rem;
-}
-
-#uofg-header-logo-container {
-  display: flex;
-  height: 100%;
-  margin-right: auto;
-  overflow: hidden;
-}
-#uofg-header-logo-container > * {
-  height: 100%;
-}
-#uofg-header-logo-container svg {
-  width: auto;
-}
-
-#uofg-header-decorative-img {
-  position: absolute;
-  left: 0;
-}
-#uofg-header-decorative-img > svg {
-  height: 100%;
-}
-
-#uofg-header-logo {
-  height: 100%;
-  position: relative;
-  margin-left: 1rem;
-  transition: opacity 0.2s ease-in-out;
-}
-#uofg-header-logo > svg {
-  height: 100%;
-}
-#uofg-header-logo:hover, #uofg-header-logo:focus-visible {
-  opacity: 0.8;
-}
-
-#uofg-header-full-main-content,
-#uofg-header-reduced-main-content {
-  display: flex;
-}
-#uofg-header-full-main-content svg,
-#uofg-header-reduced-main-content svg {
-  height: 1em;
-  fill: currentColor;
-}
-
-#uofg-header-full-main-content > ul {
-  display: flex;
-  align-items: center;
-}
-#uofg-header-full-main-content > ul > li > a,
-#uofg-header-full-main-content > a,
-#uofg-header-full-main-content > uofg-menu > [slot=button] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  font-size: 2.2rem;
-  border-bottom: 7px solid transparent;
-  padding: 7px 1.5rem 0;
-  transition-property: color, border-color;
-  transition-duration: 0.2s;
-  transition-timing-function: ease-in-out;
-}
-#uofg-header-full-main-content > ul > li > a > svg,
-#uofg-header-full-main-content > a > svg,
-#uofg-header-full-main-content > uofg-menu > [slot=button] > svg {
-  transition-property: color;
-  transition-duration: 0.2s;
-  transition-timing-function: ease-in-out;
-}
-#uofg-header-full-main-content > ul > li > a:hover, #uofg-header-full-main-content > ul > li > a:focus-visible,
-#uofg-header-full-main-content > a:hover,
-#uofg-header-full-main-content > a:focus-visible,
-#uofg-header-full-main-content > uofg-menu > [slot=button]:hover,
-#uofg-header-full-main-content > uofg-menu > [slot=button]:focus-visible {
-  color: #ffc72a;
-  border-color: #ffc72a;
-}
-#uofg-header-full-main-content > ul > li > a:hover > svg, #uofg-header-full-main-content > ul > li > a:focus-visible > svg,
-#uofg-header-full-main-content > a:hover > svg,
-#uofg-header-full-main-content > a:focus-visible > svg,
-#uofg-header-full-main-content > uofg-menu > [slot=button]:hover > svg,
-#uofg-header-full-main-content > uofg-menu > [slot=button]:focus-visible > svg {
-  color: white;
-}
-#uofg-header-full-main-content > uofg-menu > [slot=button] {
-  color: #ffc72a;
-}
-#uofg-header-full-main-content > uofg-menu > [slot=content] {
-  color: black;
-  background-color: white;
-  padding: 2rem;
-  width: 35rem;
-}
-#uofg-header-full-main-content > uofg-menu > [slot=content] > span {
-  display: block;
-  font-size: 2.4rem;
-  font-weight: bold;
-  padding: 1rem 0;
-}
-#uofg-header-full-main-content > a {
-  color: #ffc72a;
-}
-
-#uofg-header-reduced-main-content {
-  font-size: 2rem;
-}
-#uofg-header-reduced-main-content > uofg-menu > [slot=button],
-#uofg-header-reduced-main-content > a {
-  justify-content: center;
-  padding: 0 1.5rem;
-  font-size: 2rem;
-  border-left: 1px solid rgba(255, 255, 255, 0.15);
-}
-#uofg-header-reduced-main-content > uofg-menu > [slot=button]:hover, #uofg-header-reduced-main-content > uofg-menu > [slot=button]:focus-visible, #uofg-header-reduced-main-content > uofg-menu > [slot=button][aria-expanded=true],
-#uofg-header-reduced-main-content > a:hover,
-#uofg-header-reduced-main-content > a:focus-visible,
-#uofg-header-reduced-main-content > a[aria-expanded=true] {
-  background-color: white;
-  color: black;
-}
-#uofg-header-reduced-main-content > uofg-menu {
-  position: static;
-  height: 100%;
-}
-#uofg-header-reduced-main-content > uofg-menu > [slot=content] {
-  background-color: white;
-  color: black;
-  width: 100%;
-  padding: 1rem 2rem 2rem;
-}
-#uofg-header-reduced-main-content > uofg-menu > [slot=content] a {
-  padding: 1rem;
-}
-#uofg-header-reduced-main-content > uofg-menu > [slot=content] > span {
-  display: block;
-  font-size: 2.4rem;
-  font-weight: bold;
-  padding: 1rem 0;
-}
-
-#uofg-header-main-menu > [slot=content] {
-  overflow-y: auto;
-  max-height: calc(100vh - 5rem);
-}
-#uofg-header-main-menu uofg-menu {
-  position: relative;
-}
-#uofg-header-main-menu uofg-menu > [slot=button] {
-  display: flex;
-  padding: 1rem;
-  height: auto;
-  width: 100%;
-  color: inherit;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-}
-#uofg-header-main-menu uofg-menu > [slot=button] > svg {
-  margin-left: auto;
-}
-#uofg-header-main-menu uofg-menu > [slot=button]:hover, #uofg-header-main-menu uofg-menu > [slot=button]:focus-visible, #uofg-header-main-menu uofg-menu > [slot=button][aria-expanded=true] {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-#uofg-header-main-menu uofg-menu > [slot=button][aria-expanded=true] > svg {
-  transform: rotate(180deg);
-}
-#uofg-header-main-menu uofg-menu > [slot=content] {
-  position: relative;
-  box-shadow: none;
-  padding: 0;
-}
-#uofg-header-main-menu uofg-menu > [slot=content] > li > a {
-  padding: 1rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  transition-property: color, background-color;
-  transition-duration: 0.2s;
-  transition-timing-function: ease-in-out;
-}
-#uofg-header-main-menu uofg-menu > [slot=content] > li > a:hover, #uofg-header-main-menu uofg-menu > [slot=content] > li > a:focus-visible {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-#uofg-header-main-menu uofg-menu.uofg-header-hello-you-menu > [slot=button] {
-  background-color: #ffc72a;
-  color: black;
-  font-weight: bold;
-}
-#uofg-header-main-menu uofg-menu.uofg-header-hello-you-menu > [slot=content] {
-  background-color: rgba(0, 0, 0, 0.1);
-  color: black;
-}
-#uofg-header-main-menu ul > li > a {
-  padding: 1rem;
-  width: 100%;
-  color: inherit;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  transition-property: color, background-color;
-  transition-duration: 0.2s;
-  transition-timing-function: ease-in-out;
-}
-#uofg-header-main-menu ul > li > a:hover, #uofg-header-main-menu ul > li > a:focus-visible, #uofg-header-main-menu ul > li > a[aria-expanded=true] {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-#uofg-header-sub-content-container {
-  height: 4rem;
-  background-color: #dddddd;
-  color: black;
-  z-index: 1;
-  font-size: 2rem;
-  white-space: nowrap;
-  justify-content: flex-start;
-}
-#uofg-header-sub-content-container #uofg-header-page-title {
-  display: flex;
-  align-items: center;
-  margin-right: auto;
-  padding: 0 1rem;
-  height: 100%;
-  font-weight: bold;
-}
-#uofg-header-sub-content-container uofg-menu {
-  position: relative;
-  height: 100%;
-}
-#uofg-header-sub-content-container uofg-menu > [slot=button] {
-  color: inherit;
-}
-#uofg-header-sub-content-container uofg-menu > [slot=button]:hover, #uofg-header-sub-content-container uofg-menu > [slot=button]:focus-visible, #uofg-header-sub-content-container uofg-menu > [slot=button][aria-expanded=true] {
-  background-color: #ffc72a;
-  color: black;
-}
-#uofg-header-sub-content-container uofg-menu > [slot=content] {
-  position: absolute;
-  background-color: #dddddd;
-  color: black;
-  white-space: normal;
-}
-#uofg-header-sub-content-container uofg-menu > [slot=content] > li:not(:last-child) > a {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-}
-#uofg-header-sub-content-container uofg-menu > [slot=content] > li > a {
-  padding: 0.75rem;
-  justify-content: flex-start;
-}
-#uofg-header-sub-content-container a {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  transition-property: color, background-color;
-  transition-duration: 0.2s;
-  transition-timing-function: ease-in-out;
-}
-#uofg-header-sub-content-container a:hover, #uofg-header-sub-content-container a:focus-visible {
-  background-color: #ffc72a;
-  color: black;
-}
-
-.uofg-header-sub-content {
-  display: flex;
-  margin-left: auto;
-}
-
-#uofg-header-full-sub-content,
-#uofg-header-reduced-sub-content {
-  height: 100%;
-}
-#uofg-header-full-sub-content a,
-#uofg-header-full-sub-content uofg-menu > [slot=button],
-#uofg-header-reduced-sub-content a,
-#uofg-header-reduced-sub-content uofg-menu > [slot=button] {
-  padding: 0 1.25rem;
-}
-
-#uofg-header-full-sub-content {
-  height: 100%;
-}
-#uofg-header-full-sub-content > ul {
-  display: flex;
-  align-items: center;
-}
-#uofg-header-full-sub-content uofg-menu > [slot=button][aria-expanded=true] > svg {
-  transform: rotate(180deg);
-}
-#uofg-header-full-sub-content .uofg-header-page-specific {
-  display: flex;
-  height: 100%;
-  align-items: center;
-  margin-left: auto;
-}
-
-#uofg-header-reduced-sub-content > uofg-menu {
-  position: static;
-  margin-left: auto;
-}
-#uofg-header-reduced-sub-content > uofg-menu.overflowed {
-  position: relative;
-}
-#uofg-header-reduced-sub-content > uofg-menu.overflowed > [slot=content] {
-  width: 40rem;
-}
-#uofg-header-reduced-sub-content > uofg-menu > [slot=button] {
-  font-size: 2rem;
-  padding: 0 1.5rem;
-  text-align: left;
-}
-#uofg-header-reduced-sub-content > uofg-menu > [slot=content] {
-  background-color: white;
-  color: black;
-  padding: 2rem;
-  overflow-y: auto;
-  max-height: calc(
-        100vh - 1rem
-      );
-  width: 100%;
-  white-space: normal;
-}
-#uofg-header-reduced-sub-content > uofg-menu > [slot=content] > span {
-  display: block;
-  font-size: 2.4rem;
-  font-weight: bold;
-  padding: 1rem 0;
-}
-#uofg-header-reduced-sub-content > uofg-menu > [slot=content] a {
-  height: auto;
-  padding: 1rem;
-  width: 100%;
-  align-items: flex-start;
-  justify-content: flex-start;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-}
-#uofg-header-reduced-sub-content > uofg-menu > [slot=content] a:hover, #uofg-header-reduced-sub-content > uofg-menu > [slot=content] a:focus-visible {
-  background-color: rgba(0, 0, 0, 0.1);
-  color: black;
-}
-#uofg-header-reduced-sub-content > uofg-menu > [slot=content] uofg-menu {
-  height: auto;
-}
-#uofg-header-reduced-sub-content > uofg-menu > [slot=content] uofg-menu > [slot=button] {
-  width: 100%;
-  padding: 1rem;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  text-align: left;
-}
-#uofg-header-reduced-sub-content > uofg-menu > [slot=content] uofg-menu > [slot=button] > svg {
-  margin-left: auto;
-}
-#uofg-header-reduced-sub-content > uofg-menu > [slot=content] uofg-menu > [slot=button]:hover, #uofg-header-reduced-sub-content > uofg-menu > [slot=content] uofg-menu > [slot=button]:focus-visible, #uofg-header-reduced-sub-content > uofg-menu > [slot=content] uofg-menu > [slot=button][aria-expanded=true] {
-  background-color: rgba(0, 0, 0, 0.2);
-  color: black;
-}
-#uofg-header-reduced-sub-content > uofg-menu > [slot=content] uofg-menu > [slot=button][aria-expanded=true] > svg {
-  transform: rotate(180deg);
-}
-#uofg-header-reduced-sub-content > uofg-menu > [slot=content] uofg-menu > [slot=content] {
-  position: static;
-  background-color: rgba(0, 0, 0, 0.1);
-  box-shadow: none;
-}
-@media screen and (max-width: 1320px) {
-  #uofg-header-decorative-img {
-    position: static;
-  }
-}
-@media screen and (min-width: 1320px) and (max-width: 1405px) {
-  #uofg-header-logo {
-    position: absolute;
-    left: 0;
-    margin-left: 8.5rem;
-  }
-}
+  * {    box-sizing: border-box;  }  a {    text-decoration: none;    color: inherit;  }  button {    border: none;    background: none;    cursor: pointer;    font-size: inherit;    font-family: inherit;    color: inherit;    line-height: inherit;    word-spacing: inherit;    letter-spacing: inherit;  }  ul {    list-style: none;    padding: 0;    margin: 0;  }  uofg-menu {    --uofg-menu-animation-type: slide;    --uofg-menu-animation-duration: 0.2s;    --uofg-menu-animation-easing: ease-in-out;  }@defaults border-spacing {    --tw-border-spacing-x: 0;    --tw-border-spacing-y: 0;}@defaults transform {    --tw-translate-x: 0;    --tw-translate-y: 0;    --tw-rotate: 0;    --tw-skew-x: 0;    --tw-skew-y: 0;    --tw-scale-x: 1;    --tw-scale-y: 1;}@defaults touch-action {    --tw-pan-x:  ;    --tw-pan-y:  ;    --tw-pinch-zoom:  ;}@defaults scroll-snap-type {    --tw-scroll-snap-strictness: proximity;}@defaults gradient-color-stops {    --tw-gradient-from-position:  ;    --tw-gradient-via-position:  ;    --tw-gradient-to-position:  ;}@defaults font-variant-numeric {    --tw-ordinal:  ;    --tw-slashed-zero:  ;    --tw-numeric-figure:  ;    --tw-numeric-spacing:  ;    --tw-numeric-fraction:  ;}@defaults box-shadow {    --tw-ring-offset-shadow: 0 0 #0000;    --tw-ring-shadow: 0 0 #0000;    --tw-shadow: 0 0 #0000;    --tw-shadow-colored: 0 0 #0000;}@defaults ring-width {    --tw-ring-inset:  ;    --tw-ring-offset-width: 0px;    --tw-ring-offset-color: #fff;    --tw-ring-color: rgb(59 130 246 / 0.5);    --tw-ring-offset-shadow: 0 0 #0000;    --tw-ring-shadow: 0 0 #0000;    --tw-shadow: 0 0 #0000;    --tw-shadow-colored: 0 0 #0000;}@defaults filter {    --tw-blur:  ;    --tw-brightness:  ;    --tw-contrast:  ;    --tw-grayscale:  ;    --tw-hue-rotate:  ;    --tw-invert:  ;    --tw-saturate:  ;    --tw-sepia:  ;    --tw-drop-shadow:  ;}@defaults backdrop-filter {    --tw-backdrop-blur:  ;    --tw-backdrop-brightness:  ;    --tw-backdrop-contrast:  ;    --tw-backdrop-grayscale:  ;    --tw-backdrop-hue-rotate:  ;    --tw-backdrop-invert:  ;    --tw-backdrop-opacity:  ;    --tw-backdrop-saturate:  ;    --tw-backdrop-sepia:  ;}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.tw-absolute{position:absolute!important}.tw-relative{position:relative!important}.tw-left-0{left:0!important}.tw-left-\[max\(calc\(\(100\%-1320px\)\/2\)\,7\.5rem\)\]{left:max(calc(50% - 660px),7.5rem)!important}.tw-right-0{right:0!important}.tw-top-full{top:100%!important}.tw-z-50{z-index:50!important}.tw-z-\[1000\]{z-index:1000!important}.tw-my-4{margin-bottom:1rem!important;margin-top:1rem!important}.tw-mr-auto{margin-right:auto!important}.tw-block{display:block!important}.tw-flex{display:flex!important}.tw-contents{display:contents!important}.tw-aspect-square{aspect-ratio:1/1!important}.tw-h-16{height:4rem!important}.tw-h-\[10rem\]{height:10rem!important}.tw-h-\[5rem\]{height:5rem!important}.tw-h-auto{height:auto!important}.tw-h-full{height:100%!important}.tw-w-\[7\.5rem\]{width:7.5rem!important}.tw-w-full{width:100%!important}.tw-min-w-\[20rem\]{min-width:20rem!important}.tw-flex-col{flex-direction:column!important}.tw-items-center{align-items:center!important}.tw-justify-end{justify-content:flex-end!important}.tw-justify-center{justify-content:center!important}.tw-justify-between{justify-content:space-between!important}.tw-gap-2{gap:.5rem!important}.tw-border-0{border-width:0!important}.tw-border-b{border-bottom-width:1px!important}.tw-border-b-8{border-bottom-width:8px!important}.tw-border-l{border-left-width:1px!important}.tw-border-solid{border-style:solid!important}.tw-border-transparent{border-color:transparent!important}.tw-border-uofg-grey-300{--tw-border-opacity:1!important;border-color:rgb(209 209 209/var(--tw-border-opacity))!important}.tw-border-uofg-grey-400{--tw-border-opacity:1!important;border-color:rgb(180 180 180/var(--tw-border-opacity))!important}.tw-border-uofg-grey-500{--tw-border-opacity:1!important;border-color:rgb(154 154 154/var(--tw-border-opacity))!important}.tw-border-uofg-grey-950{--tw-border-opacity:1!important;border-color:rgb(40 40 40/var(--tw-border-opacity))!important}.tw-bg-black{--tw-bg-opacity:1!important;background-color:rgb(0 0 0/var(--tw-bg-opacity))!important}.tw-bg-uofg-grey{--tw-bg-opacity:1!important;background-color:rgb(221 221 221/var(--tw-bg-opacity))!important}.tw-bg-uofg-yellow{--tw-bg-opacity:1!important;background-color:rgb(255 199 42/var(--tw-bg-opacity))!important}.tw-bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.tw-p-4{padding:1rem!important}.tw-p-5{padding:1.25rem!important}.tw-px-4{padding-left:1rem!important;padding-right:1rem!important}.tw-px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.tw-px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.tw-px-\[calc\(\(100\%-1320px\)\/2\)\]{padding-left:calc(50% - 660px)!important;padding-right:calc(50% - 660px)!important}.tw-pb-6{padding-bottom:1.5rem!important}.tw-pt-8{padding-top:2rem!important}.tw-font-condensed{font-family:Roboto Condensed,Arial,sans-serif!important}.tw-text-2xl{font-size:1.5rem!important;line-height:2rem!important}.tw-text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.tw-text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.tw-font-bold{font-weight:700!important}.tw-text-black{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.tw-text-uofg-yellow{--tw-text-opacity:1!important;color:rgb(255 199 42/var(--tw-text-opacity))!important}.tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.tw-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.tw-transition-colors{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.tw-transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.hover\:tw-border-uofg-yellow:hover{--tw-border-opacity:1!important;border-color:rgb(255 199 42/var(--tw-border-opacity))!important}.hover\:tw-bg-uofg-grey:hover{--tw-bg-opacity:1!important;background-color:rgb(221 221 221/var(--tw-bg-opacity))!important}.hover\:tw-bg-uofg-yellow:hover{--tw-bg-opacity:1!important;background-color:rgb(255 199 42/var(--tw-bg-opacity))!important}.hover\:tw-text-uofg-yellow:hover{--tw-text-opacity:1!important;color:rgb(255 199 42/var(--tw-text-opacity))!important}.hover\:tw-text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.aria-expanded\:tw-bg-uofg-grey[aria-expanded=true]{--tw-bg-opacity:1!important;background-color:rgb(221 221 221/var(--tw-bg-opacity))!important}.aria-expanded\:tw-bg-uofg-yellow[aria-expanded=true]{--tw-bg-opacity:1!important;background-color:rgb(255 199 42/var(--tw-bg-opacity))!important}.aria-expanded\:tw-bg-white[aria-expanded=true]{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.aria-expanded\:tw-text-black[aria-expanded=true]{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.hocus\:tw-opacity-75:focus,.hocus\:tw-opacity-75:hover{opacity:.75!important}@media (min-width:1024px){.lg\:tw-relative{position:relative!important}.lg\:tw-h-16{height:4rem!important}.lg\:tw-w-\[30rem\]{width:30rem!important}.lg\:tw-border-l-0{border-left-width:0!important}}@media (min-width:1320px){.min-\[1320px\]\:tw-absolute{position:absolute!important}}.\[\&\>a\]\:last\:tw-pb-4:last-child>a{padding-bottom:1rem!important}.\[\&\>li\]\:tw-contents>li{display:contents!important}.\[\&\>svg\]\:tw-h-\[1em\]>svg{height:1em!important}.\[\&\>svg\]\:tw-h-full>svg{height:100%!important}.\[\&\>svg\]\:tw-fill-current>svg{fill:currentColor!important}.\[\&\>svg\]\:tw-transition-transform>svg{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.\[\&\>svg\]\:aria-expanded\:tw-rotate-180[aria-expanded=true]>svg{--tw-rotate:180deg!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\[\&\>uofg-menu\]\:last\:tw-pb-6:last-child>uofg-menu{padding-bottom:1.5rem!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}