/* root element for accordion. decorated with rounded borders and gradient background image */

/* This is the home button they wanted above the menu in backpages */

#homeButton a {
  color: white;
  text-decoration: none;
}

.toolsaccordion {
  width: 100%;
  list-style: none;
}

.expandPlus a::after {
  font-family: Glyphicons Halflings;
  content: "\e257";
  margin-left: 88%;
  height: 17px;
  width: 21px;
  position: absolute;
  margin-top: -17px;
  display: flex;
  flex-flow: column-reverse;
  transition: transform 0.25s linear;
  display: none;
}

.accordionDiv p:hover {

}

.toolsaccordion div.highpane a:hover {

}

.starredBlock a::after {
  transition: transform 0.25s linear;
  transform: rotate(-90deg);
  font-family: Glyphicons Halflings;
  content: "\e257";
  margin-left: 88%;
  height: 17px;
  width: 21px;
  position: absolute;
  margin-top: -22px;
  display: flex;
  flex-flow: column-reverse;
  display: none;
}

.accordionDiv ul {
  list-style: none;
  display: none;
  margin-left: 2em;
}

.toolsaccordion {
  background: #102f5f;
}

.toolsaccordion p {
  width: 100%;
  line-height: 1.5;
  margin: 0px;
  padding: 7px 1em;
}

#Home h3 {
  padding-top: 10px;
}

/* accordion pane */

.toolsaccordion div > .highpane {
  font-size: 13px;
  width: 100%;
  display: none;
}

.toolsaccordion div:target > .highpane {
  display: block;
}

.toolsaccordion div > .lowpane {
  font-size: 13px;
  width: 100%;
  display: none;
}

.toolsaccordion div:target > .lowpane {
  display: block;
}

.toolsaccordion a,
.toolsaccordion A:visited,
.toolsaccordion A:active {
  text-decoration: none;
  padding-left: 22px;
  margin: 11px 0;
  width: 100%;
  padding-right: 10px;
  list-style: none;
  color: #fff;
}

.toolsaccordion div.highpane a {
  color: white;
  font-weight: bold;
  padding-left: 35px;

  padding-top: 7px;
  padding-bottom: 7px;
}

.toolsaccordion p A:link,
.toolsaccordion p A:visited {
  color: #fff;
  font-weight: bold;
  margin-left: 0px;
  font-size: 17px;
  background: none;
}

.toolsaccordion div.highpane h4 a,
.toolsaccordion H4 A:visited {
  font-family: Arial;
  font-weight: bold;
  margin-left: -15px;
  font-size: 15px;
  background: none;
}

.toolsaccordion H4 A:hover,
.toolsaccordion div.lowpane a:hover {
  color: #024383;
}

.dnn_mobilemenu {
  display: flex;
  justify-content: center;
  width: fit-content;
}

@media (max-width: 1090px) {
  .expandPlus a::after {
    margin-top: -24px;
  }
  .toolsaccordion a,
  .toolsaccordion A:visited,
  .toolsaccordion A:active {
    padding-left: 0;
  }
}

@media (max-width: 1090px) {
  .toolsaccordion H3 A:link,
  .toolsaccordion H3 A:visited {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .toolsaccordion h3 {
    width: 100%;
    line-height: 1;
    margin: 0px;
    background: #024383;
  }
  .toolsaccordion div.highpane a {
    color: white;
    font-weight: bold;
    background: #024383;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 45px;
  }
}