/*********************
BREAKPOINTS
*********************/
.ForceBlack .btn {
  border-color: #252523;
  color: #252523;
}
.ForceBlack .btn:hover {
  background-color: #252523;
  color: white !important;
}

a.btn, input[type=submit] {
  display: inline-block;
  color: var(--black);
  margin-top: 0.8333333333rem;
  font-weight: 400;
  border: 2px solid var(--black);
  font-size: 16px;
  padding: 0.4rem 1.8rem 0.37rem 1.8rem;
}
@media (min-width: 1024px) {
  a.btn, input[type=submit] {
    font-size: 21px;
    padding: 0.6rem 1.5rem 0.5rem 1.5rem;
  }
}
a.btn:hover, a.btn:active, a.btn:focus, input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {
  color: var(--white);
  background-color: var(--black);
  opacity: 1;
  filter: alpha(opacity=100);
}

.InvertText a.btn {
  border-color: white;
  background-color: transparent;
  color: white;
}
.InvertText a.btn:hover, .InvertText a.btn:active, .InvertText a.btn:focus {
  border-color: white !important;
  background-color: white;
  color: black !important;
}

a.btn-sm {
  font-size: 0.8em;
  padding: 0.38rem 0.7rem 0.33rem 0.7rem;
}

a.btn-lg {
  margin: 2.5rem 0.3125rem 0 0.3125rem;
  font-size: 21px;
  padding: 0.86rem 1.6rem 0.7rem 1.6rem;
}
@media (min-width: 1024px) {
  a.btn-lg {
    font-size: 1.4em;
    padding: 1.13rem 3rem 1rem 3rem;
  }
}

.btn.solidbtn {
  color: var(--white);
  background-color: var(--black);
}
.btn.solidbtn:hover, .btn.solidbtn:active, .btn.solidbtn:focus {
  border-color: var(--white) !important;
  background-color: var(--white);
  color: var(--black) !important;
}

.InvertText .btn.solidbtn {
  color: black;
  background-color: white;
}
.InvertText .btn.solidbtn:hover, .InvertText .btn.solidbtn:active, .InvertText .btn.solidbtn:focus {
  border-color: black !important;
  background-color: black;
  color: white !important;
}

.buttonbelow {
  text-align: center;
  margin-bottom: 0px;
  margin-top: 0.8333333333rem;
}

.SideLink a {
  color: var(--black);
  opacity: 0.3;
  filter: alpha(opacity=30);
  padding-left: 0.3125rem;
}
.SideLink a:hover, .SideLink a:active, .SideLink a:focus {
  opacity: 1;
  filter: alpha(opacity=100);
  color: var(--black) !important;
}

.btn-toolbar input.action {
  margin: auto;
  background-color: transparent;
  margin-top: 2.5rem !important;
  padding: 1rem 2.5rem 0.9rem 2.5rem !important;
  color: var(--black);
  border-color: var(--black);
}
.btn-toolbar input.action:hover, .btn-toolbar input.action:active, .btn-toolbar input.action:focus {
  background-color: var(--black);
  color: var(--white);
  border-color: var(--black) !important;
}