/* Vars */
:root {
  --TIP_darkblue: #005378;
  --TIP_lightblue: #00bcf2;
  --TIP_darkgray: #232a34;
  --TIP_darkblue_opacity: #ccdce4;
  --white: #ffffff;
  --border-radius: 0.5rem;
}

body {
  overflow-x: hidden;
}

/* Logos */
#logo,
#logo-white {
  width: 180px;
  height: 41px;
}

@media (max-width: 991px) {
  #logo {
    width: 150px;
    height: 41px;
  }
}

/* Buttons */
.button {
  border-radius: var(--border-radius) !important;
  display: flex;
  flex-direction: column;
}

.button-light {
  background-color: var(--TIP_darkblue_opacity) !important;
  border: none !important;
  color: var(--TIP_darkblue) !important;
  font-family: PT Sans !important;
  font-weight: 600 !important;
}

.button-light:hover {
  background-color: var(--TIP_darkblue) !important;
  color: var(--white) !important;
}

/* Dark */
.button-dark {
  background-color: var(--TIP_darkblue) !important;
  border: none !important;
  color: var(--white) !important;
  font-family: PT Sans !important;
  font-weight: 600 !important;
}

.button-dark:hover {
  background-color: var(--TIP_darkblue_opacity) !important;
  color: var(--white) !important;
}

/* Link Wrapper */
.tip-link-wrap {
  display: flex;
  flex-direction: column;
}

.tip-link-light a {
  color: var(--TIP_lightblue);
}

.tip-link-dark a {
  color: var(--TIP_darkblue);
}

.tip-radius {
  border-radius: 0.5rem;
}

.rank-math-breadcrumb p {
  margin: 0px !important;
  display: flex;
  gap: 0.5rem;
}

.rank-math-breadcrumb a {
  color: var(--TIP_darkblue) !important;
}

.rank-math-breadcrumb a:hover {
  color: var(--TIP_lightblue) !important;
}

.tip-va-icon > svg {
  width: 1rem !important;
  height: 1rem !important;
}