body {
    background-color: none;
    font-size: 1rem;
}

p {
    font-size: 0.8rem; margin: 0;
}

b {
    margin: 0rem 1rem 0rem 1rem ;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #8C080C;
    border-color: #8C080C;
}

.page-link {
    position: relative;
    display: block;
    color: #8C080C;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page-link:hover{
    position: relative;
    display: block;
    color: #cc797c;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/* BOF - Hit zone special CSS */
.hit-points-bg {
    background-image: url(/img/person_hitzones_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 250px;
    height: 655px;
    margin: 0px;
    padding: 0px;
}


.hit-zones {
    background: none repeat scroll 0 0 #f00;
    border: 1px solid #fff;
    border-radius: 50% 50% 50% 50%;
    cursor: pointer;
    height: 1.2rem;
    width: 1.2rem;
}

.brain, .head, .body, .left_arm, .left_hand, .right_arm, .right_hand, .left_leg, .left_foot, .right_leg, .right_foot { position:relative; }

.brain, .head, .body { left: 47%; }

.brain { top: 3%; }
.head { top: 5%; }
.body { top: 20%; }
.left_arm { top: 27%; left: 35%; }
.left_hand { top: 40%; left: 33% }

.right_arm { top: 21%; left: 63%; }
.right_hand { top: 34%; left: 64%; }

.left_leg {top: 41.1%; left: 56%;}
.left_foot {top: 63.2%; left: 57%;}
.right_leg {top: 47%; left: 41%;}
.right_foot {top: 69%; left: 43%;}


/* iPhone SE */
@media (max-width: 1200px) {
    .brain, .head, .body { left: 46.6%; }
    .brain { top: 3%; }
    .head  { top: 5%; }
    .body  { top: 20%; }
}

/* iPhone SE */
@media (max-width: 1024px) {
    .brain, .head, .body { left: 45.8%; }
    .brain { top: 3%; }
    .head  { top: 5%; }
    .body  { top: 20%; }
}

/* Surface Pro 7 */
@media (max-width: 912px) {
    .brain, .head, .body { left: 44.5%; }
    .brain { top: 3%; }
    .head  { top: 5%; }
    .body  { top: 20%; }
}

/* iPad Air */
@media (max-width: 820px) {
    .brain, .head, .body { left: 44.7%; }
    .brain { top: 3%; }
    .head  { top: 5%; }
    .body  { top: 20%; }
}

/* iPad Air */
@media (max-width: 768px) {
    .brain, .head, .body { left: 46.5%; }
    .brain { top: 3%; }
    .head  { top: 5%; }
    .body  { top: 20%; }
}

/* Surface DUO */
@media (max-width: 540px) {
    .brain, .head, .body { left: 46.4%; }
    .brain { top: 3%; }
    .head  { top: 5%; }
    .body  { top: 20%; }
}

/* iPhone XR */
@media (max-width: 414px) {
    .brain, .head, .body { left: 45%; }
    .brain { top: 3%; }
    .head  { top: 5%; }
    .body  { top: 20%; }
}

/* iPhone SE */
@media (max-width: 280px) {
    .brain, .head, .body { left: 43%; }
    .brain { top: 3%; }
    .head  { top: 5%; }
    .body  { top: 20%; }
}

/* EOF - hit zone special CSS */

.nav-link {
    color: #8C080C;
}
.nav-link:hover {
    color: #cc797c;
}


.btn-outline-primary-glogic {
    color: #8C080C;
    border-color: #8C080C;
}

/* Background colors for divs */ 
.text-bg-primary {
    background-color: #c9c9c9;
}

.text-bg-secondary {
    background-color: #8C080C;
}
.text-bg-success {
    background-color: #4e8c08;
}
.text-bg-danger {
    background-color: #8C080C;
}
.text-bg-warning {
    background-color: #e9da08;
}
.text-bg-info {
    background-color: #8C080C;
}
.text-bg-light {
    background-color: #8C080C;
}
.text-bg-dark {
    background-color: #8C080C;
}


.btn-outline-secondary {
  font-weight: 400;
  color: #495057;              /* text color */
  background-color: #fff;      /* white background */
  border: 1px solid #dee2e6;   /* light gray border */

  /* match Bootstrap button sizing */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.75rem;
  height: 38px; /* align with form-control */
}

/* Hover state */
.btn-outline-secondary:hover {
  background-color: #f8f9fa;   /* subtle gray hover */
  border-color: #cfd4da;
  color: #212529;
}

/* Checked (active) state for btn-check */
.btn-check:checked + .btn-outline-secondary {
  background-color: #e9ecef;
  border-color: #adb5bd;
  color: #212529;
}