.fa-fw {
    display: inline-block
}
.brand-text {
  font-weight: bold;
  font-size: 1.3em;
  margin: 0 1rem 0 0.2rem;
}
.button.is-primary-hvp {
  background-color: #ff8f29;
  border-color: transparent;
  color: #000;
}
.button.is-secondary-hvp {
  background-color: #00509b;
  border-color: transparent;
  color: #fff;
}

.navbar.is-navbar-hvp {
  background-color: #50657b;
  color: #fff;
}

.navbar.is-navbar-hvp .navbar-brand > .navbar-item,
.navbar.is-navbar-hvp .navbar-brand .navbar-link {
  color: #fff;
}

.navbar.is-navbar-hvp .navbar-brand > a.navbar-item:focus,
.navbar.is-secondary-hvp .navbar-brand > a.navbar-item:hover,
.navbar.is-secondary-hvp .navbar-brand > a.navbar-item.is-active,
.navbar.is-navbar-hvp .navbar-brand .navbar-link:focus,
.navbar.is-navbar-hvp .navbar-brand .navbar-link:hover,
.navbar.is-navbar-hvp .navbar-brand .navbar-link.is-active {
  background-color: #50657b;
  color: #fff;
}

.navbar.is-navbar-hvp .navbar-brand .navbar-link::after {
  border-color: #fff;
}

.navbar.is-navbar-hvp .navbar-burger {
  color: #fff;
  height: auto;
}

@media screen and (min-width: 1024px) {
  .navbar.is-navbar-hvp .navbar-start > .navbar-item,
  .navbar.is-navbar-hvp .navbar-start .navbar-link,
  .navbar.is-navbar-hvp .navbar-end > .navbar-item,
  .navbar.is-navbar-hvp .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-navbar-hvp .navbar-start > a.navbar-item:focus,
  .navbar.is-navbar-hvp .navbar-start > a.navbar-item:hover,
  .navbar.is-navbar-hvp .navbar-start > a.navbar-item.is-active,
  .navbar.is-navbar-hvp .navbar-start .navbar-link:focus,
  .navbar.is-navbar-hvp .navbar-start .navbar-link:hover,
  .navbar.is-navbar-hvp .navbar-start .navbar-link.is-active,
  .navbar.is-navbar-hvp .navbar-end > a.navbar-item:focus,
  .navbar.is-navbar-hvp .navbar-end > a.navbar-item:hover,
  .navbar.is-navbar-hvp .navbar-end > a.navbar-item.is-active,
  .navbar.is-navbar-hvp .navbar-end .navbar-link:focus,
  .navbar.is-navbar-hvp .navbar-end .navbar-link:hover,
  .navbar.is-navbar-hvp .navbar-end .navbar-link.is-active {
    background-color: #3F4F61;
    color: #fff;
  }
  .navbar.is-navbar-hvp .navbar-start .navbar-link::after,
  .navbar.is-navbar-hvp .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-navbar-hvp .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-navbar-hvp .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-navbar-hvp .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #3F4F61;
    color: #fff;
  }
  .navbar.is-navbar-hvp .navbar-dropdown a.navbar-item.is-active {
    background-color: #3F4F61;
    color: #fff;
  }
}
.navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
  background-color: lightgrey;
}
.navbar-item img {
  max-height: 2.75rem;
}
.footer.is-secondary-hvp {
  background-color: #50657b;
  color: #fff;
}
.footer.is-secondary-hvp a {
  color: #fff;
  text-decoration: underline;
}
.footer {
  padding: 2rem 1.5rem;
  opacity: 0;
  transition: opacity .5s;
}
.has-image-centered {
  margin-left: auto;
  margin-right: auto;
}
.category-img img {
  display: inline;
  height: 100px;
  width: initial;
}
.lbord {
  border: 0.3rem solid #ff8f29;
  border-radius: 1rem;
  background-color: #ffffff;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 6px 12px 0 rgba(0, 0, 0, 0.09);
}
.ltext {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20rem;
}
.bpad {
  margin: 1rem;
}
.is-bold {
  font-weight: bold;
}

.has-map {
  height: 20rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-sizing: content-box;
  border-radius: 1em;
  overflow: hidden;
}
.fullwidth {
  height: inherit;
  width: 100%;
}

.map {
  height: inherit;
  width: 100%;
}
.mirrage {
  transform: scaleX(-1);
}
@media screen and (min-width: 1024px) {
  .section {
    padding: 1.5rem 0.5rem;
  }
}
.screenshotcard {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width: 600px;

}
.hvp-header-link {
  color: black;
}
.hvp-header-link div:hover {
  background: rgba(0, 80, 155, 0.25);
}
.hvp-header-link div {
  cursor:pointer;
}
.hvp-header-link .is-active {
  background: rgba(0, 80, 155, 0.25);
}
.userarea-navbar {
  z-index: -900;
  padding-top: 0.5rem;
}
.has-image-centered {
  margin-left: auto;
  margin-right: auto;
}
.remotecontrol-img {
  height: 3rem;
}
.pb-1 .columns {
  border: none;
}
.columns {
  border: 3px none #00509b;
  border-top-style: solid;
  border-image: linear-gradient(90deg, #ffffff, #50657b, #ffffff) 100% 1;
}
.no-border {
  border: none;
}
.anchor:before {
  display: block;
  content: "";
  height: 4rem;
  margin: -4rem 0 0;
}
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link.is-active {
  background-color: #3F4F61;
  color: #fff;
}
.documentation-title {
  margin-bottom: .75rem;
}
.documentation-column {
  padding: 0.5rem;
}
.documentation-placement {
  color: white;
  font-weight: bold;
  padding: 1rem;
  border: solid 0.25rem #50657b ;
  border-radius: 1rem;
  text-align: left;
  background: rgba(80, 101, 123, 0.77);
}
.documentation-image {
  height: 2.5rem;
  vertical-align: middle;
}
.documentation-text {
  vertical-align: middle;
  margin: 0 0 0 0.5rem;


}
.hero-image {
  height: 200px;
  width: 100vw;
  aspect-ratio: auto;
  background: url('../../assets/img/stock_hero_with_desktop_cmp.webp') no-repeat 50% 75%;
  background-size: cover;
}
.hvp-logo {
  height: 50px;
  margin: 20px 0 0;
}
@media ( min-width: 720px ) {
  .hero-image {
    height: 400px;
    width: 100vw;
    aspect-ratio: auto;
    background-size: cover;
  }
  .hvp-logo {
    height: 100px;
    margin: 20px 0 0;
  }
}
@media ( min-width: 900px ) {
  .hero-image {
    height: 550px;
    width: 100vw;
    aspect-ratio: auto;
    background-size: cover;
  }
  .hvp-logo {
    height: 150px;
    margin: 20px 0 0;
  }
}
.navbar-dropdown {
  display: none;
}
.navbar-dropdown.is-active {
  display: block;
}
.navbar-item.has-arrow-up .navbar-link::after {
  transform: rotate(135deg) translate(.25em,-.25em);
}

.column-image {
  border-radius: 10px
}
.is-anydeskred {
  background: #ef443b;
  color: white;
}
.is-anydeskred:hover {
  color: white;
}
.is-tvblue {
  background: #096fd2;
  color: white;
}
.is-tvblue:hover {
  color: white;
}
.spacer {
  padding-bottom: 3rem;
}
.articles {
  width: 55%;
  margin: 3rem auto 0;
}
.articleContainer {
  width: 55%;
  margin: 3rem auto;
}
@media only screen
and (max-device-width : 1024px) {
  .articleContainer {
    width: 90%;
    margin: 3rem auto;
  }

  .fcontainer {
    width: 90%;
  }
}
.pdfObject {
  height: 600px!important;
  width: 100%;
}
.success {
  background-color: green;
  color: white;
  padding: 1em;
  border-radius: 1em;
}
.failure {
  background-color: red;
  color: white;
  padding: 1em;
  border-radius: 1em;
}
@media only screen
and (max-device-height : 720px) {
  .pdfObject {
    height: 450px !important;
    width: 100%;
  }
}
@media only screen
and (max-device-height : 1080px) {
  .pdfObject {
    height: 600px !important;
    width: 100%;
  }
}
@media only screen
and (max-device-height : 1440px) {
  .pdfObject {
    height: 750px !important;
    width: 100%;
  }
}
@media only screen
and (max-device-height : 2160px) {
  .pdfObject {
    height: 950px !important;
    width: 100%;
  }
}
.logo-shadow {
  filter: drop-shadow(0 4px 6px rgb(0 0 0 / 10%));
}