/*
 * Container
 */
.anchor-container {
  padding-bottom: 50px;
  
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right center;
  background-image: url(../../content/common/background.png);
}

@media (hover: none) {
  .anchor-container {
    /* Fixed Unsuppored on Mobile */
    background-attachment: scroll;
  }
}

.anchor-block {
  width: 100%;
  display: inline-block;
}

/*
 * Anchor Menu
 */
#anchor-menu {
  position: sticky;
  top: calc(50px + 80px);
}

#anchor-menu a {
  text-decoration: none;
  transition: color 0.5s;
}

#anchor-menu a:hover {
  color: #FFFFFF;
  transition: 0.5s;
}

#anchor-menu ul {
  margin: 0px;
  padding: 0px;
}

#anchor-menu li {
  color: #D8D6D6;
  text-align: right;
  padding-bottom: 25px;
  list-style-type: none;
  font-family: "Magistral Medium";
}

/*
 * Anchor Menu Content
 */
.anchor-link {
  position: relative;
  top: -80px;
}

.anchor-content h1 {
  color: #D8D6D6;
  font-size: 24pt;
  line-height: 150%;
  border-bottom: 1px solid #007FFF;
}

.anchor-content h2 {
  color: #007FFF;
  font-size: 14pt;
  text-align: right;
  margin-top: -22px;
  line-height: 150%;
  
  background-size: 60px auto;
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url(../img/tail.png);
}

.anchor-content h3 {
  color: #D8D6D6;
  font-size: 28px;
  font-family: "Magistral Light";
}

.anchor-break {
  width: 100%;
  height: 100px;
}