@import "../template.css";
.page-grid {
  padding-bottom: 4rem;
}
.page-grid .page-header {
  padding: 10rem 0px 10rem;
}
@media (max-width: 992px) {
  .page-grid .page-header {
    padding-top: 8rem;
    padding-bottom: 11.5rem;
  }
}
.page-grid .page-content {
  position: relative;
  top: -100px;
  margin-bottom: -100px;
}
.page-grid .grid-sidebar {
  padding: 0.5rem 1.8rem 1.8rem;
  color: hsla(var(--primaryHS), var(--primaryL), 1);
  letter-spacing: 1px;
  margin-right: 2.5rem;
  width: 24%;
  min-width: 240px;
}
@media (max-width: 992px) {
  .page-grid .grid-sidebar {
    margin-right: 0.8rem;
  }
}
@media (max-width: 600px) {
  .page-grid .grid-sidebar {
    display: none;
    margin-right: 0rem;
    margin-top: 2rem;
    width: 100%;
    order: 2;
  }
}
.page-grid .grid-sidebar .section-title {
  font-size: 1.12rem;
  margin-top: 1.4rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.page-grid .grid-sidebar ul,
.page-grid .grid-sidebar li {
  list-style: none;
  margin: 0rem;
  padding: 0rem;
}
.page-grid .grid-sidebar .grid-links li.active a {
  color: rgba(var(--light), 1);
}
.page-grid .grid-sidebar .grid-links li.active a:after {
  content: "X";
  position: absolute;
  right: 0rem;
  top: 50%;
  margin-top: -0.7rem;
  padding-left: 0.8rem;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(50))";
  /* IE 8 */
  filter: alpha(opacity=50);
  /* IE 5-7 */
  -moz-opacity: 0.5;
  /* Netscape */
  -khtml-opacity: 0.5;
  /* Safari 1.x */
  opacity: 0.5;
  /* Good browsers */
  -webkit-transition:  opacity 300ms 0s ease;
  -moz-transition:  opacity 300ms 0s ease;
  -ms-transition:  opacity 300ms 0s ease;
  -o-transition:  opacity 300ms 0s ease;
  transition:  opacity 300ms 0s ease;
}
.page-grid .grid-sidebar .grid-links li a {
  position: relative;
  color: hsla(var(--primaryHS), var(--primaryL), 1);
  display: block;
  text-decoration: none;
  padding: 0.36rem 0.5rem 0.36rem 0rem;
}
.page-grid .grid-sidebar .grid-links li a:hover {
  color: rgba(var(--light), 1);
}
.page-grid .grid-sidebar .grid-links li a:hover:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100))";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
}
.page-grid .grid-sidebar .grid-links li a:before {
  content: ">";
  display: inline-block;
  padding-right: 0.8rem;
}