/* Global css styling for header/navbar and footer +
Define the 'Graphik' font family with different weights */

svg {
  font-variation-settings: "FILL" 1, "wght" 200, "GRAD" 0, "opsz" 24;
}

/* Common styling for header/navbar */

.desktop-menu-container a,
.desktop-dropdown-container li a {
  outline: none;
  border: 2px solid transparent;
  transition: background 0.2s ease;
}

.desktop-menu-container a:hover,
.desktop-menu-container .desktop-dropdown-link.active,
.desktop-dropdown-container li a:hover,
.desktop-dropdown-container #desk-language-menu li:hover,
.mobile-menu-container li:hover,
.desktop-dropdown-container .desktop-dropdown-tab.active {
  background: rgb(229 231 235);
}

.desktop-menu-container a:focus,
.desktop-dropdown-container li a:focus {
  border: 2px solid rgb(51 51 51);
}

.desktop-menu-container
  :where(.desktop-dropdown-link, .language-modal-opener)
  svg {
  transition: transform 0.3s ease;
}

.desktop-menu-container
  :where(.desktop-dropdown-link, .language-modal-opener).active
  svg:last-child {
  transform: rotate(-180deg);
}

.mobile-menu-container,
.desktop-dropdown-container {
  display: none !important;
  background: rgba(0, 0, 0, 0.6);
}

.language-popup-modal {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.language-popup-modal.active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.1s ease;
}

.language-popup-modal .modal-wrapper {
  opacity: 0;
  transform: translateY(-5%);
  transition: 0.3s ease;
}

.language-popup-modal.active .modal-wrapper {
  opacity: 1;
  transform: translateY(0%);
}

.mobile-menu-container.active,
.mobile-menu-container .mobile-dropdown-menu.show-menu,
.desktop-dropdown-container.active {
  display: block !important;
}

.mobile-menu-container li a {
  border-bottom: 1px solid rgb(209 213 219);
}

.mobile-menu-container .mobile-dropdown-menu {
  display: none !important;
}

.desktop-dropdown-container .desktop-dropdown-menu,
.desktop-dropdown-container .desktop-dropdown-section,
.hero-section .video-wrapper.show-video .thumbnail {
  display: none;
}

.desktop-dropdown-container .desktop-dropdown-section.show-menu {
  display: block;
}

.underline-on-hover:hover :where(p:nth-child(2), span:first-child) {
  text-decoration: underline;
}
.text-fuchsia-600 {
  color: #A911C0 !important;
}
.text-fuchsia-500 {
  color: #C213DD !important;
}
.hover\:bg-fuchsia-600:hover {
  color: #ffffff !important;
}
.skip-to-content-link {
  background: #b73bff;
  color: #fff;
  height: 50px;
 
  padding: 10px;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.3s;
}

.skip-to-content-link:focus {
  transform: translateY(0%);
}
a:focus{
  border: 2px solid red;
}
.sr-only {
  position: absolute;
  left: -99999px;
  height: 1px;
  width: 1px;
  overflow: hidden;
}